Typography System | Personal Website Project Created a comprehensive type scale for a blog-focuse...Typography System | Personal Website Project Created a comprehensive type scale for a blog-focuse...
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
Agris's avatar
NOTRE logo
Agris Locs-Dārznieks
• Oct 17
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.
shareyourworkUI DesignWeb DesignTypographyFigma
Post image
Back to feed
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