Style guide

Everything you need to create consistent, scalable interfaces backed by a unified system for a smooth and cohesive user experience.

Colors

Brand Main

#9ce069

Brand Dark

#82c94e

Black

#000000

White

#ffffff

Black 60%

rgba(0,0,0,0.6)

Black 20%

rgba(0,0,0,0.2)

Background Body

#f8f8f8

6XL

clamp(2.1–3.75rem)

5XL

clamp(2–3.25rem)

4XL

clamp(1.75–2.5rem)

3XL

clamp(1.5–2rem)

Base

1rem / 16px

Body text - Intervariable. Used for paragraphs, descriptions, and all regular text content throughout the site.

Primary

Arrow

Underlined