Blocks

Brand mark, primary menu and one call to action; inherits the surface color of its parent.

One-line release note above the navbar with a link.

Full-bleed primary surface with navbar, centered headline, two actions, social badge and tilted app screens.

Muted band with eyebrow badge, headline, lead and two actions.

Headline and actions beside an app screen on an accent panel.

Split section header and three muted cards with an icon, title and description.

Six features with icon badges on a plain grid.

Checklist of benefits beside an app screen.

Ordered three-step explainer.

Grid of integration cards.

Accent panel with an app screen beside a statement and a muted logo strip.

Caption over a row of customer logos.

Four headline numbers with labels.

Centered header and a row of colored tiles, each filled by an app screen inside a 2px border that fades from the tile color at the bottom.

Left-aligned header and three muted cards with avatar, name, role and quote.

One large quote with author on a pink panel.

Accent panel with a display headline on the left and copy plus action aligned right.

Primary band with headline and two actions.

Store buttons beside a phone on a dark panel.

Header and two plan cards; the featured plan flips to the dark scope (variables only, same markup).

Free, Premium (dark scope) and Team plans.

Feature matrix for Free vs Premium.

Centered header, a 2×2 grid of colored disclosure tiles and a link to all questions.

Native details/summary list; first item open.

Dark-scope footer card: brand and socials, two link columns, newsletter form, and a bottom bar with copyright and a source-repository link.

Brand, inline links and copyright on one row.

People with avatar, name and role.

Three latest posts with image, tag, date and excerpt.

Release timeline with version badges.

Inline email signup on an accent band.

Name, email and message with labels.

Login card with labelled fields on a centered card.

Signup card with labelled fields on a centered card.

Notification switches in a fieldset with a save action.

KPI cards for today, streak, week and focus time.

Today's habits with streak, time and status badge.

Icon, message and primary action when a list is empty.

404 page body with a way back.

Consent notice with accept/decline (static; floating layer gets the only shadow).