Tablet-first, responsive spacing

Design once, scale from 360 → 1024 px

This page demonstrates a fluid spacing system aligned with WCAG 2.2: generous touch targets, safe-area-aware containers, and text-spacing resilience.

Explore features

Why this spacing system works

Fluid tokens

Base unit scales 8 → 12 px; gutters 16 → 32 px; targets 48 → 56 px.

WCAG ready

Target Size Minimum and Text Spacing pass under user overrides.

Safe-area aware

Edges and fixed panels avoid notches and home indicators.

Platform harmony

Feels native on iPadOS and Material tablets with familiar rhythms.

Carousel with tablet gaps

Media card A
Media card B
Media card C

What users say

“Tablet layout feels natural.”

Row heights and paddings scale without feeling sparse or cramped.

“Targets are finally big enough.”

We stopped missing icon buttons. QA loves the audit results.

Request early access

Provide the name your team knows you by.

We’ll send you an invite. Unsubscribe anytime.

Fields remain usable at ≥1.5× line-height and 2× paragraph spacing per WCAG 1.4.12.