Components, composed into whole sections. A block is copied the same way as a component — HTML, CSS and JS — and every part inside it stays a part you already own. Start from a block, then take it apart with the catalog.
The frame most apps live in: a sidebar that stays, a topbar that orients, content that changes.
avatarbadgebreadcrumbsbuttonseparatorstatThe last thing on the page: one sentence, one button, lit by the Aurora.
aurorabuttonQuestions and answers, in the reader's order — asked often first, answered in one breath each.
accordionThe grid of tools a product plays well with — a mark, a name, and what it is for.
buttonA centered sign-in card: brand mark, two fields, one decision, and the way out.
inputbuttoncheckboxseparatorThe wall of names, moving slowly — social proof at the speed of a conveyor belt.
marqueeThree plans and a billing switch. The middle plan carries the decision; the rest is context.
buttonbadgeswitchseparatorA profile settings section: identity first, preferences second, one save bar at the end.
avatarinputtextareaswitchbuttonseparatorThe bottom of the page, treated as navigation: sitemap columns, a newsletter that asks once, and the legal line.
inputbuttonThe bar at the top of every page: mark, navigation, and the one action that matters.
buttonFour numbers a dashboard opens with — each with its delta and its verdict.
statbadgeThree voices, named and pictured — proof that reads as people, not as marketing.
cardavatarA numbered switcher: pick the reader you are, and the picture changes with the story.
auroraglass-panelbuttonbadgeprogress