blockus

Mixed-span FAQ tiles arranged like a bento board for a more editorial feel.

One large hero tile spanning two columns with a live bar chart and three compact tiles below — mixed sizing for visual hierarchy.

Hero copy on the left paired with a four-tile bento grid teasing the product's key capabilities on the right.

Four steps arranged as a mixed-span bento — catalog tiles, terminal pane, theme swatch row and a metric summary CTA.

Asymmetric 6-column bento grid mixing wide, tall, and square tiles for a high-density layout.

12-logo grid with hairline dividers forming a bento-like structure — each cell highlights on hover.

Feature tiles on the left, sign-up form on the right — communicates value while collecting the email.

Four-tile bento mixing large sparkline cards with compact delta tiles — uptime, growth and snapshot metrics in one.

Mixed-span bento of customer quotes — large brand-logo cards next to compact text cards.

Massive sans-serif headline on a cream canvas with playful pebble decoration, a hover-revealed product mega menu and a multi-logo trust strip below.

Oversized tracking-tight headline at fluid clamp sizing with a stat row baseline and a compact copy+actions column.

Massive single-line brand wordmark dominates the layout, with a discreet nav band on top.

Authenticated variant of the marketing header — Pricing drops out of the nav, the right-side CTAs are replaced by an avatar pill that opens a tier-aware Account / Token / Team / Billing / Sign-out menu.

Minimal top bar carrying the blockus logo, product tagline, and two navigation links — browse and upgrade — flush with the page header.

The actual blockus marketing header — sticky border-b row with logo, flat nav and Sign-in / Get-the-catalog pill CTAs. Mobile drawer pushes the nav into 3xl tap targets with the same CTAs pinned at the bottom.

The full blockus opening — sticky non-auth header on top, crosshair-framed dotted backdrop, an announcement pill, a four-clause balanced headline and dual CTAs (Get the catalog + Browse blocks).

Dark-canvas variation of the blockus opening — same sticky non-auth header and crosshair-framed dotted backdrop, inverted to stone-950 with a live-shipping pill, a three-clause headline and a glowing indigo Start-free CTA.

Editorial serif variation of the blockus opening — serif wordmark, 4.9 / 5 customer-rating pill, hand-set headline and a logo strip of teams reading along underneath.

Two-column card grid with author avatar, name, role, and clock-icon read time inline below each post — humanizes the content team.

Email subscribe card sits beside three recent articles with left-accent color strips — content and acquisition in one section.

Three-column post grid where the gradient cover scales on hover, with a floating read-link that appears on interaction.

Hero heading and subscribe CTAs on the left; a vertical reading list with left-accent borders on the right.

Dense hairline-divided list of articles showing category, title, date, and read time — no images, keyboard-navigable, high information density.

Booking-style contact section where visitors pick a reason and a preferred time slot via chip selectors before submitting.

Bordered card with a subtle radial-faded dot-grid background — textured depth without image assets.

Partner and integration logos arranged in a bordered cell grid — grayscale at rest, full-color on hover.

Full-width black brand panel on the left with the marketing statement, login form on the right.

Inverted brand panel on the left with the marketing pitch, sign-up form on the right.

Six stat cards in a three-column grid, each with a large number, bold label, and context line — built for “numbers speak” sections.

Interactive week-view calendar mock with color-coded events, a next/prev control, and an upcoming-events sidebar.

Two infinite marquee rows of capability chips anchor a two-stat descriptive feature section below.

Full-width carousel with prev/next arrows, dot indicators, and an overlaid text caption.

Single-quote carousel inside a bordered card with dot indicators and prev / next buttons anchored to the bottom edge.

Two case-study cards pairing a brand logo, a numeric outcome metric and a quote with a Read-case-study link.

Four-column grid of case-study cards — each showing a full-bleed image with a large metric, client name, and outcome copy.

A featured quote and author on the left share a card with a company logo and four metric tiles on a muted right panel.

Tabbed integration browser organized by category (Payments, DevOps, Analytics, Productivity) with Connect actions per card.

Four topic tabs switch which Q&A set renders — keeps long lists scannable without a search input.

Bold category header banner with description and post count, a featured article card, then a compact four-column grid of remaining posts.

Two flanking callout columns with inward-pointing arrows that draw the eye to a single centered action button.

Centered headline plus an accordion of common questions — the bread-and-butter FAQ layout.

Classic shadcn-style centered login card — brand mark, email, password, primary CTA and a sign-up nudge.

Centered headline with a clean three-field contact form — the safest starting point for any marketing site.

Centered layout with a pill badge, headline, subline, and a primary + ghost button pair for dual call paths.

Clean centered card with Google and Apple social buttons above a standard email/password form.

Single rounded-full pill centered in the viewport with a pulsing green status dot, release copy, and an arrow-linked changelog label.

Full-width centered mission statement above a four-column stat grid with hairline separators — density without clutter.

Three-column grid header — logo left, centered nav, CTAs on the right with a ghost Login and primary button.