Foundation
Foundation
Everything in the component library is built on these tokens, defined once in@whyhotel/ui-core-theme and imported here astheme.css. Every specimen below reads the live CSS variables, so it re-tints with the active theme.
Logo
The Placemakr logo lockups, color variants, clear space, and usage do’s and don’ts.
Tone of voice
How Placemakr sounds — voice principles, microcopy patterns, and words to avoid.
Colors
Brand palette, semantic surface/text/border roles, feedback pairs, and the theme color-role layer.
Typography
The Poppins type scale and named roles — display through eyebrow.
Spacing
The 4px-based spacing scale used across layout and components.
Shape & elevation
Corner radii from checkbox to pill, and the elevation/shadow scale.
Motion
Durations and easing that give the system its tech-ease feel.
Themes & overrides
Light and dark themes plus the token-override convention.