editorial
Dynamic list of recent posts (grid / list / featured layouts). Filter by post type + taxonomy. Column count 1–6.
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
A bold split panel: full-bleed image on one side, a dark content panel on the other with eyebrow, heading, body and a ticked list.
editorial
An intro column beside a swipeable track of news slides (photo, date, title, excerpt). Scroll-snaps natively — no JS required.
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.
editorial
A heading + intro alongside a second column of long-form prose. Two reading columns, optional narrow ratio.
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
A text column (eyebrow, heading, intro, CTA) beside a stack of stat chips — a headline number with a short label each.
foundation
A centred heading + intro above a responsive row of stat chips. The chips-only sibling of feature-row-with-chips.
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
A responsive grid of property / location cards: image with a category tag, title, locality and a short description.
foundation
Numeric highlights — stat + label + optional description. Grid / row / cards layouts. Column count 1–6.
foundation
A grid of people: portrait, name, role and a short bio. For leadership / team pages.
interaction
A two-column contact section: details + map on one side, an enquiry form on the other. (Form markup is display-ready; wire submission to your form handler.)
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.