About anchored by an oversized numeral with a paragraph and a horizontal image strip.

Full-height OAuth consent screen showing the requesting app, the permissions it needs as a scope list, and authorize and cancel actions. Perfect for third-party app authorization and developer platform connect flows.

Call-to-action addressing common objections with question-answer pairs and conversion button. Perfect for overcoming hesitation.

An always-open FAQ that states four buying worries as quoted headings in a hairline matrix of cards, each answering in full and closing on a line of proof under a rule.

Product mosaic pairing a two-row hero photograph captioned on its scrim with a tall specification tile, then two square macro tiles that carry their caption inside and an inverted figure tile closing the row.

Airport departure board-style odometer animation where each digit flips individually with spring physics as numbers count up on scroll.

Four-column grid of office cards with city, country, address, and team size. Ideal for global companies.

Global office locations grid with city photos, team size, and role taglines. Showcases company presence worldwide.

Offline screen built around a live sync queue: a display headline with a retry pill and a self-restarting countdown that raises the attempt number, beside a soft panel listing every change held on the device with a pulsing listening indicator.

Split hero pairing a statement, paragraph and two pill CTAs with a pair of captioned portrait images, the second dropped by a stagger on desktop so the column reads as an editorial spread.

Completion screen shown after finishing onboarding with a summary of what was configured and quick-start action links. Perfect for ending the setup flow with clear next steps.

First 90 days onboarding timeline with phase cards and activity checklists. Shows new hires what to expect from orientation to ownership.

A six-column bento for getting started: a wide card floating a live step tracker, a numbered week list on hairlines, an inverted quote tile, and a capture card holding a working email row.

A reversed split with an image tile floating a live setup checklist on the left, and an eyebrow, light heading, checked bullets, and an accent button on the right.

A centered install section with an eyebrow, light heading, paragraph, a row of package-manager tabs, and an image tile that floats a live terminal command card.

Course lesson layout with module navigation, progress tracking, and downloadable resources. Perfect for e-learning platforms.

Delivery platform cards with logos, fees, and delivery times alongside pickup info with address and phone. Perfect for food delivery integrations and takeout ordering.

An about section on a soft surface that opens on a light statement, then lays out eight company facts as a two-column hairline definition list beside an image tile floating a live locations card.

Upcoming sessions as hairline rows, each opening with the date set as a figure, then the session and what it covers, with its seat state and a booking link on the end.

Questions with answers displayed below in a simple list. Best for FAQs with shorter answers that don't require expansion.

A studio jobs list with role meta, salary and apply arrows.

A short roles list where the pay band sits on the row rather than behind an application, with a written empty state for when nothing is open and a speculative line underneath.

Displays open source package attributions with license types, authors, and links to repositories. Includes a search filter for large dependency lists. Required for OSS license compliance.

Repository showcase with stars, forks, contribution counts, maintainer/contributor badges, and language tags. Perfect for developers highlighting their open source work.

Project showcase with maintainers, releases, install commands, and features. Perfect for GitHub readme-style documentation.

Opinion pieces with pull quotes, author profiles, and category badges. Editorial-style layout.

Opinion piece with agree/disagree voting, editor's response, and discussion section. Perfect for editorial and op-ed content.

Central hero metric surrounded by satellite stats in a circular orbit arrangement on desktop, with a linear stack on mobile.

Post-purchase success screen with order summary, email confirmation, estimated delivery, and order tracking actions. Perfect for checkout completion and order receipt pages.

Order cards with status badges, dates, and item counts with view details links. Perfect for customer account dashboards and order tracking.

A results section that stacks each metric on its own hairline row, pairing an oversized figure with a short label, a sentence of context, and an optional year-over-year delta.

Mix-and-match product selector organized by category with running total and add all to cart. Perfect for fashion lookbooks and curated outfits.

About where a large heading overlaps a portrait, with a paragraph, CTA and a bottom stat ribbon.

Feature split pairing a three-image collage, where a square crop overlaps the tall frame behind a background-coloured edge, with a statement and a ruled key-value list of material facts.

A hero that pairs a light display heading with an offset paragraph and action, then drops a wide image band under them and overlaps its lower edge with a live savings card.

Monochrome 404 led by the status code set as an oversized numeral, with the statement and pill call to action on one side of a hairline rule and the explanation plus display-type links on the other.

A single dramatic pull-quote with a decorative mark, centered above a rounded avatar, name, and role.

Footer with a brand intro and three link columns over a copyright bar, closed by one oversized wordmark cropped at low opacity so its lower third bleeds off the bottom edge.

A sticky process overview with summary stats beside an expandable phase accordion.

Square grid whose viewer holds two states: a single frame with caption and controls, or an in-place overview of the whole set that you can jump from without closing the layer.

Dependency version tracker with update availability, security fix indicators, and version comparison arrows.

Four-column grid showing what's included in travel packages organized by categories like transport, accommodation, meals, and experiences. Perfect for transparent package breakdowns.

Works hung two to a bay on staggered ruled cards, opening a viewer that can hold a second work beside the first: the frame splits, both pictures keep their own caption and the pair can be walked together.

Panel discussion summary with panelist profiles, key quotes, and takeaways. Perfect for conference and webinar recaps.

Panel session card featuring moderator highlight, panelist grid, discussion topic, and scheduled time. Perfect for industry panels and expert roundtables.

Three-column card grid with hover parallax zoom effect on background images and sliding content reveal. Perfect for destination showcases or visual storytelling.

Two parallel workstream swimlanes aligned across shared phase columns.

Full-height passwordless sign-in screen with a fingerprint icon, a continue-with-passkey button, and a password fallback below a divider. Perfect for WebAuthn and biometric authentication flows.