The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Typography System | Personal Website Project
Created a comprehensive type scale for a blog-focused consultant website using Merriweather (serif) + Merriweather Sans.
šÆ Project Details:
ā¢ Responsive typography (Desktop/Tablet/Mobile)
ā¢ 8pt grid alignment for consistency
ā¢ 11 text styles covering all use cases
ā¢ Optimized for long-form content readability
ā¢ Complete Figma implementation guide
š§ Key Decisions:
ā¢ 1rem base (16px) for accessibility
ā¢ Line heights: 125% (headings) to 150% (body)
ā¢ Merriweather chosen for superior screen readability
ā¢ Sans variant for UI elements and headings
š Deliverables:
ā¢ Full typography style guide
ā¢ Figma text styles with naming conventions
ā¢ Usage guidelines for each text style
ā¢ Responsive breakpoint specifications.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
