Recipe Glossary
A searchable, categorized reference of every design token, component pattern, and layout recipe used across Meridian.
Primary Violet
Core brand accent — #8B5CF6. Used for CTAs, active states, and key highlights.
Accent Pink
Secondary brand color — #F472B6. Reserved for hover states, badges, and emphasis.
Deep Base
Background canvas — #0A0612. Applied to all root surfaces for consistent dark mode.
Glass Panel
Semi-transparent card with backdrop-blur. Border: violet/10, bg: white/5.
Section Gap
Vertical rhythm token — py-16 or py-24 on hero sections. Never less than py-12.
Text Ramp
Hero: text-4xl, section heading: text-2xl, body: text-base text-gray-400.
Usage Convention
Every entry in this glossary maps 1:1 to a Tailwind class or a composable pattern. No magic values. When building new pages, reference this glossary before introducing custom tokens.