NOTRE
- 5.0
- Rating
Riga, Latvia
Designed visual guidelines for a website using an 8pt Grid as the base with additional sizing of 4px, 12px, and 20px for more flexibility.
0
105
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.
10
177
Color Selection
These colors are carefully chosen to match the inspiration source, a vision board of nature and travel photos, blended with a forest and gardening theme.
15
217