Interface library / Fictional demo

Tabs and navigation

Switch between client profile tabs and navigation patterns.

Live specimen

The account at a glance.

Alder Works · $184k ARR · Healthy

Design notes

Always leave a clear trail.

Breadcrumbs show location. Tabs switch related content on the same page. Primary navigation links to actual HTML files. The page directory makes the full template discoverable.

Explore the system

Buttons & actions Typography Color system Cards & surfaces Table patterns Input fields Selection controls Dialogs & drawers Alerts & toasts Progress & loading Disclosure & tabs Empty states

Fictional studio · Appointments, payments and messages are local demonstrations. Changes stay on this device.