Whyso Design System

Block library

Every block the hub can deploy to a client site. Previews use a neutral reference palette — Designers and AI mockup authors should consult this page before declaring a novel block.

editorial

Dynamic list of recent posts (grid / list / featured layouts). Filter by post type + taxonomy. Column count 1–6.

editorial

WYSIWYG content block for long-form copy. Width + alignment selectable.

editorial

Single quote, grid of quotes, or horizontal scroll-snap carousel. Author, role, company, optional avatar.

foundation

Call-to-action band with headline, optional subtext, and up to 2 buttons. Supports centred / split / stacked layouts and a primary-brand surface.

foundation

Single feature with text and image side-by-side (left/right) or stacked (top).

foundation

Flexible grid of items (icon/image + title + text + optional link). Column count is admin-selectable 1–6.

foundation

Page-opening hero with headline, optional subtext, up to 3 CTAs, and a background (light / alt / dark / full image / side image).

foundation

Flex-wrap grid of icon tiles with circular / rounded / minimal icon backgrounds. Centres its last row — distinct from the general Grid block.

foundation

Row of client / partner logos — static or continuous-scroll marquee.

foundation

Ordered 3-up (or N-up) list with accent-circle number badges. Perfect for "How we work" / "Our process" sections.

foundation

Numeric highlights — stat + label + optional description. Grid / row / cards layouts. Column count 1–6.

interaction

Collapsible Q&A list. Single-column, two-column, or boxed layout.

interaction

Pill-shaped email input + submit button in a single row. Marketing newsletter signup staple.