Documentation of color tokens, typography scales, active widgets, and user interface modules designed for Emerald Connection.
Our palette balances deep grounding green (representing trust and strategy) with warm terracotta accents (representing soul and creativity).
We use Playfair Display (serif font) for headings and Inter (sans-serif font) for body and ui labels.
Lead paragraph: Inter body lead, styled for intros and heroes.
Body text: Standard Inter paragraph text used for descriptions and content lists.
Caption/Small: Muted small scale labels used for metadata, footnotes, and legal pages.
This standard card contains default shadows, borders, and margins defined in the layout system. It has smooth scaling hover states.
This card utilizes background filters, blur properties, and translucent borders to overlay content on decorative blobs.
