¶ Case Study
Editorial Card Title
A reusable card for presenting selected work with image, category, title, and summary.
UX/UI ACCESSIBILITY
1. Design
Color Palette Tokens
Paper (BG)
#FFFFFF
Ink (Text)
#1A1918
Muted Ink
#54524E
Press Accent
#0065A8
Typography, Type Scale & Metadata
Editorial Opening Drop Cap (.drop-cap)
Here begins the editorial narrative. The initial letter uses the cobalt blue accent color and floats cleanly against the serif paragraph text.
Masthead / Display
Headline Text
Section Heading
The Quick Brown Fox
Body Copy
High-contrast, highly readable serif copy optimized for long-form reading and editorial case studies.
Metadata Token
¶ UX/UI CASE STUDY | PUBLISHED 2025
2. Components
Buttons
Primary, secondary, and text action variants.
Portfolio Card
Tags and Badges
UX/UI ACCESSIBILITY FEATURED DRAFT
Figure and Image Treatment
