Τυπογραφία
Heading 1 (h1)
Font size: 2.5rem (desktop), Line height: 1.1
Heading 2 (h2)
Font size: 2rem (desktop), Line height: 1.2
Heading 3 (h3)
Font size: 1.5rem (desktop), Line height: 1.3
Heading 4 (h4)
Font size: 1.25rem (desktop), Line height: 1.4
Heading 5 (h5)
Font size: 1.125rem (desktop), Line height: 1.5
Heading 6 (h6)
Font size: 1rem (desktop), Line height: 1.5
Οδηγίες Τυπογραφίας
- Use headings (H1-H6) to create clear hierarchy and structure
- Maintain a consistent type scale throughout the application
- Use appropriate line heights to improve readability
- Limit line length to 60-80 characters for optimal reading experience
- Use font weight variations sparingly for emphasis
- Ensure sufficient contrast between text and background colors
- Consider responsive behavior - text should be readable on all devices
Θέματα Προσβασιμότητας
- Minimum text size of 16px (1rem) for body text ensures readability
- Line height of at least 1.5 for body text improves readability
- Sufficient color contrast between text and background (WCAG AA compliant)
- Text can be resized up to 200% without loss of content or functionality
- Headings and structure provide clear navigation for screen readers
- Font choice (Manrope) offers good legibility and readability