Type Scale & Hierarchy
Our typographic hierarchy uses a modular scale based on 1.25 ratio. Headings rely on Playfair Display for editorial warmth, while body text uses Lato for optimal readability across digital and print media.
Cacao at its purest form
Single Origin, Small Batch
Fermentation & Flavor Development
Harvest Schedule & Soil Mapping
Bean-to-Bar Processing Notes
Climate Impact Report
Our cacao trees are cultivated in rich volcanic soil at optimal elevations. We prioritize biodiversity, soil health, and traditional fermentation methods that preserve the unique terroir of each harvest.
Harvested manually during peak ripeness. Each pod is inspected for bean count, moisture content, and varietal consistency before fermentation.
UI Components & Applications
Typography in context. These patterns ensure consistency across web, packaging, and print collateral.
We'll never share your data with third parties.
"The complexity of this single-origin bar is unmatched. It tastes like sun-warmed soil and dark berries." — Chocolate Review Quarterly
- Raw cacao beans & nibs
- Single-origin chocolate bars
- Farm-to-bar masterclasses
- Soil preparation
- Grafting & planting
- Canopy management
Brand Voice & Tone
Our language should feel grounded, precise, and warm. We speak with the authority of farmers and the care of artisans.
Descriptive & Sensory
Use concrete, agricultural terms. Evoke taste, texture, and origin.
"Velvety texture with notes of roasted cocoa bean, dried cherry, and subtle earthiness."
"Really good chocolate that tastes sweet and fancy."
Precise & Transparent
Avoid hyperbole. Let the craftsmanship speak for itself.
"Fermented for 7 days in cedar boxes, then sun-dried at 32°C for optimal moisture reduction."
"The absolute best, most magical chocolate you've ever tasted."
Warm & Grounded
Write like a steward of the land, not a corporate entity.
"We harvest by hand to protect the tree and honor the bean. Every pod is cut with care."
"Our optimized supply chain ensures maximum yield per hectare."
Implementation Guidelines
Technical specifications for developers and designers to maintain typographic consistency.
| Token | Font Family | Weight | Case / Spacing | Usage |
|---|---|---|---|---|
--type-headings |
Playfair Display | 400–900 | Sentence case | Titles, section headers, packaging |
--type-body |
Lato | 300–700 | Sentence case | Body text, UI, forms, navigation |
--label-text |
Lato | 700 | Uppercase / 0.1em | Buttons, badges, form labels, tags |
--caption-text |
Lato | 400 | Sentence case | Image captions, footnotes, hints |
--line-height-base |
— | 1.7 | — | Body paragraphs, lists |
--line-height-tight |
— | 1.1–1.3 | — | H1–H3 headings |