Blocks
A block is one stretch of a page with a purpose: a hero, a pricing table, a footer. It is components and utilities, composed. Copy the markup and make the words yours; there is nothing to install beyond the library.
Marketing blocks
- HeaderA site header: the brand, the links, the actions and a drawer for narrow screens.
- HeroThe first screen: what it is, why it matters and one thing to do.
- Logo cloudA quiet row of the names that already trust you.
- FeaturesWhat the product does, as a grid of short claims.
- StatsA few figures that make the case in numbers.
- TestimonialsWhat customers say, in their words and under their names.
- PricingPlans side by side, with one recommended.
- FAQThe questions people ask before they decide, answered in place.
- Call to actionThe last ask of a page, on a surface of its own.
- FooterWhere a site ends: columns of quiet links and the small print.
Application blocks
- Page headerThe top of an app page: where you are, what it is and what you can do.
- SidebarAn app sidebar: the workspace, the navigation and the account.
- Sign inSign in and sign up cards with providers, fields and a way back.
- Table viewA table with its search, filters, selection and pages.
- Empty stateWhat a view shows before it has anything, and how to begin.