Component catalog
A living React marketing component system. Every visual decision on this page — including this catalog's own chrome — is generated from a DESIGN.md theme. Switch themes above; nothing you see is hard-coded to a brand.
Archetypes
Compositions
- full pageLoomline — infrastructure planning (fictional)Claim backed by inspectable evidence → who already relies on it → see it work in three states → the numbers hold → the ask. One centered moment (the close), one inverted surface (the full stop).
- full pageSownfield — field-margin restoration network (fictional)Conviction first (scroll-scrubbed manifesto) → the numbers hold → objections answered on the record → a grounded ask on the base surface. Written for verdure; must survive every world.
- full pageLoomline — season report (fictional annual-report moment)The number first (quantitative lede) → the voices that stand behind it → the questions it raises → the inverted ask. A different narrative order: evidence before rhetoric, written for amaranth's composure but must hold everywhere.
Design worlds
- Amaranth minimalThe title sequence of a beautifully photographed film crossed with a private house's evening identity: warm darkness rather than black, ivory set in high-contrast serif, one silk-rose accent, vast intervals of nothing, and motion that moves like a slow camera — never a cut.
- Clarity minimalA modern public-health service's patient handbook: white pages, one legible sans family at generous sizes, calm clinical blue for every action, hairline structure, and nothing that moves unless it informs. Trust here is typographic: nothing decorative competes with the content.
- Meridian expressiveA Sunday broadsheet review section crossed with a contemporary gallery catalog: warm paper stock, dense ink, one clay accent, hairline rules, generous white margins that make the type feel engraved rather than printed.
- Substrate preciseThe operations floor of well-run infrastructure: a calibrated instrument panel in a dark room. Matte near-black surfaces, hairline seams, dense aligned data, one amber indicator that means something when it lights.
- Verdure expressiveA beautifully produced field guide meeting a community garden's welcome shed: warm oat paper, moss ink, leaf-green actions, terracotta blooms used once a page, plates with rounded corners and soft shadows, and handwriting-adjacent warmth without kitsch.