Second wave

Cutout

Layered coloured paper cut-outs that lift off the page.

Fraunces Jost Self-hosted — zero third-party requests
Components
13
Widgets
3
Examples
1
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 — paper on the studio table / Dark — paper on a night-blue wall — the in-app toggle switches between them.
  • Fonts (Fraunces, Jost) 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="cutout"

Every screen, both themes

Cutout design system — Dashboard — Dark — paper on a night-blue wall screenshot
Dashboard — Dark — paper on a night-blue wall
Cutout design system — Dashboard — Light — paper on the studio table screenshot
Dashboard — Light — paper on the studio table
Cutout design system — Cover — Dark — paper on a night-blue wall screenshot
Cover — Dark — paper on a night-blue wall
Cutout design system — Cover — Light — paper on the studio table screenshot
Cover — Light — paper on the studio table

More like this

Bevel design system — A modern retro desktop OS: crisp bevels, windows, one teal accent. BevelSecond wave A modern retro desktop OS: crisp bevels, windows, one teal accent. Moss design system — Calm and organic: pebble buttons, stone, one sprout-green accent. MossSecond wave Calm and organic: pebble buttons, stone, one sprout-green accent. Varsity design system — Collegiate and athletic: chenille patches, stitching, scoreboard numerals. VarsitySecond wave Collegiate and athletic: chenille patches, stitching, scoreboard numerals.