Statement looks

Origami

Folded paper: hinged 3D unfolds, press-creases, flipping flaps, paper-plane toasts on a washi page

Gabarito Albert Sans Self-hosted — zero third-party requests
Components
20
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: Light — washi / Dark — paper on indigo — the in-app toggle switches between them.
  • Fonts (Gabarito, Albert Sans) 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="origami"

Every screen, both themes

Origami design system — Landing — Dark — paper on indigo screenshot
Landing — Dark — paper on indigo
Origami design system — Landing — Light — washi screenshot
Landing — Light — washi
Origami design system — Planner — Dark — paper on indigo screenshot
Planner — Dark — paper on indigo
Origami design system — Planner — Light — washi screenshot
Planner — Light — washi
Origami design system — Cover — Dark — paper on indigo screenshot
Cover — Dark — paper on indigo
Origami design system — Cover — Light — washi screenshot
Cover — Light — washi

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