Stage 0 · Project Foundation

The foundation is real, not assumed.

Geist for body text, Playfair Display for headings, both self-hosted. Real shadcn components installed through the CLI. This card, the popover below, and the toast it can trigger all draw their color straight from the design tokens — light or dark.

Button & Card

The two building blocks every other surface in Stoaken sits on top of.

Popover, never native select

Every select-style interaction here is a popover. A native <select> element is not used anywhere in this project.

Dialog for interruptions

The only pattern used when a user must act before continuing.

Sonner for everything else

The only notification pattern for anything that is not a required decision.