Blocks

Article layoutContent

A long-form page with meta bar, scoped typography, sticky contents, share links, and reading progress.

Call to actionMarketing

A closing banner with one primary and one optional secondary action, in brand or neutral tone.

Contact formForms

A contact form with field-level errors, focus on the first error, a character count, and submit states.

Cookie consentApplication

A non-blocking consent banner with equally prominent accept and decline, remembered per browser.

Dashboard shellApplication

A responsive application shell with persistent navigation, a mobile sheet, top bar, and page header.

FAQMarketing

Questions in an accordion with indexable closed answers and optional FAQPage structured data.

Feature gridMarketing

A titled grid of features with brand icon chips and optional links, joined by hairlines.

HeroMarketing

A landing-page opening with announcement, h1, highlight line, actions, proof points, and an aside.

Newsletter signupMarketing

An email signup with real submitting, success, and error states driven by your subscribe call.

Not foundApplication

A 404 page with a way forward: home, an alternative, and the destinations people usually want.

PricingMarketing

Plan cards with a monthly or yearly switch, Intl prices, included and excluded features, and aligned actions.

Settings sectionSettings

A workspace settings section with identity fields, preferences, a save bar, and a confirmed danger zone.

Sign inAuthentication

A complete sign-in card with email, password, remember me, and account links.

Site footerMarketing

Brand column, link columns, and a legal bar that collapse cleanly from four columns to one.

Site headerMarketing

A sticky header with brand, primary navigation, optional search, theme toggle, actions, and a mobile sheet.

Users tableData Display

A searchable member directory with role filters, sorting, row actions, empty state, and pagination.