Illustration showing global web distribution across devices including desktop, mobile, tablet, and wearable screens

Universal distribution

Design for The New Web. Ship thoughtful, device-aware experiences to desktop, mobile, tablet, watch, TV, and automotive displays—from a single codebase.

Illustration of geometric typographic scaling with intrinsic block-scoped formulaic precision

Deterministic control

Scale type with geometric precision using block-scoped formulaic typography. Shape content according to component dimensions and paginate layouts in multiples of the Intrinsic Containing Block (ICB).

Illustration of an open book representing accessible documentation and inclusive web interfaces

Accessibility first

Build accessible interfaces by leveraging the intrinsic qualities of each medium. Drive inclusive, meaningful UX with deterministic layouts that adapt to every user and every screen.

Build apps that feel native to every device.

From smartwatches to electric vehicles — Toucaan's intrinsic approach adapts your UI to the medium, not just the viewport.

Learn the fundamentals