Brand Kit
Guidelines and assets for representing Cesto consistently. Use these resources when creating materials, integrations, or content featuring the Cesto brand.
Logo
The Cesto wordmark features a distinctive green “e” symbol. Use the full wordmark where space permits, and the icon mark for compact contexts.
Primary — Dark background
Inverted — Light background
Icon Mark — Dark background
Icon Mark — Light backgroundColors
The Cesto palette is built on a deep green foundation with a vibrant neon accent. Click any swatch to copy its hex value.
Accent Colors
Green Scale
Typography
Cesto uses three typeface families, each serving a distinct role in the visual hierarchy.
Manrope
Headings & display text
Geist
Body text & UI elements
Labels, buttons & uppercase text
| Style | Font | Size / Weight | Preview |
|---|---|---|---|
| web-h1 | Manrope Variable | 88px / Medium | Display Heading |
| web-h2 | Manrope Variable | 56px / Regular | Section Heading |
| web-h3 | Manrope Variable | 42px / Regular | Subsection Title |
| web-h4 | Geist | 24px / Medium | Card Heading |
| web-body-l | Geist | 24px / Light | Large body text for featured content |
| web-btn-label | Barlow | 24px / Medium | BUTTON LABEL |
| web-h5 | Barlow | 18px / Regular | SECTION LABEL |
| web-btn-label-s | Barlow | 18px / Medium | SMALL BUTTON |
| web-body | Geist | 16px / Regular | Standard body text for paragraphs and descriptions |
| web-h6-regular | Barlow | 14px / Regular | MICRO LABEL |
| web-body-s | Geist | 14px / Regular | Small body text for captions and metadata |
