SAMPLE HEADING

Chakra Petch Bold

Font Weight: 500, Text Transform: Uppercase

Usage: H1, hero titles, main headings

SECTION TITLE

Chakra Petch Medium

Font Weight: 500, Text Transform: Uppercase

Usage: H2, section titles, subheadings

This is sample body text demonstrating our readable typography for standard content, paragraphs, and general text blocks throughout the site.

Atkinson Hyperlegible

Font Weight: 400, Line Height: 1.6

Usage: Standard body text, paragraphs, descriptions

€495.00

DM Mono

Font Weight: 400, Monospace

Usage: Prices, codes, technical specifications

✓ Logo Usage - DO

• Use appropriate version for background color
• Maintain clear space around logo (minimum logo height)
• Scale proportionally to maintain aspect ratio
• Use SVG format for web applications when possible
• Use PNG for high-resolution print applications
• Ensure adequate contrast with background

✗ Logo Usage - DON'T

• Stretch, distort, or change proportions
• Change colors or apply color treatments
• Add effects, shadows, or gradients
• Place on backgrounds without sufficient contrast
• Use low-resolution or pixelated versions
• Rotate or apply transformations

✓ Color Usage - DO

• Use mint green (#6bffb5) as primary accent color
• Pair with dark grays for optimal text contrast
• Ensure WCAG AA compliance for accessibility
• Use monochrome logos when brand colors aren't appropriate
• Test colors across different devices and screens

✗ Color Usage - DON'T

• Use brand colors for body text (poor readability)
• Create new color variations or tints
• Use mint green on white backgrounds for text
• Override brand colors in marketing materials
• Use colors that don't meet accessibility standards