Statement looks

Flex

Kinetic typography: labels swell, tabs grow heavy, digits roll and stretch. Bone, ink, one ultramarine.

Anybody Roboto Flex Self-hosted — zero third-party requests
Components
21
Widgets
4
Examples
2
Themes
2

Live preview

This is the pack's real, runnable example — rendered live by its own CSS and JS, exactly as it ships. Open it full-screen →

Use this design

One line in .env re-skins your whole public site — fonts, colours, components, both themes. No build step, nothing to install: the pack is already vendored in your copy.

  • 2 themes: Bone / Ink — the in-app toggle switches between them.
  • Fonts (Anybody, Roboto Flex) are self-hosted in the pack. Zero third-party requests, no CDN, GDPR-calm.
  • Prefer the house look with your own colours? The appearance page has 20 accent palettes for it.
# .env 
SITE_DESIGN="flex"

Every screen, both themes

Flex design system — Newsroom — Ink screenshot
Newsroom — Ink
Flex design system — Newsroom — Bone screenshot
Newsroom — Bone
Flex design system — Poster — Ink screenshot
Poster — Ink
Flex design system — Poster — Bone screenshot
Poster — Bone
Flex design system — Cover — Ink screenshot
Cover — Ink
Flex design system — Cover — Bone screenshot
Cover — Bone

More like this

Azulejo design system — Glazed Portuguese tiles: cobalt patterns, grout-set buttons, flipping cards and a mosaic that cascades in. AzulejoStatement looks Glazed Portuguese tiles: cobalt patterns, grout-set buttons, flipping cards and a mosaic that cascades in. Bauhaus design system — A 1920s Bauhaus poster as live UI: shapes slide, roll and click into place; generative seeded compositions. BauhausStatement looks A 1920s Bauhaus poster as live UI: shapes slide, roll and click into place; generative seeded compositions. Blueprint design system — Technical drawing as UI: outlines trace on, cards show their dimensions, saves land a redline REV stamp BlueprintStatement looks Technical drawing as UI: outlines trace on, cards show their dimensions, saves land a redline REV stamp