Placemakr Product Design

Design system styleguide

The single, first-class reference for the Placemakr product design system: the theme foundation from @whyhotel/ui-core-theme and the 60 components in @whyhotel/ui-core-components, each shown as both the live React component and its plain HTML markup. Switch themes and viewport widths from the toolbar above.

Foundation

Tokens, colors, typography, spacing, shape, motion, and the light/dark themes — rendered from the theme CSS.

Components

Every component with interactive prop controls, all states, and the plain-HTML vs React views.

For agents

The generated AI manifest and llms.txt, served at the site root for machine discovery.