Industry kits

Satchel

School websites in exercise-book lines: house colours, merit stamps, red-pen ticks, peeling desk calendars.

Lexend Gochi Hand Self-hosted — zero third-party requests
Components
34
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: Classroom — daylight exercise book / Evening — reading after bedtime — the in-app toggle switches between them.
  • Fonts (Lexend, Gochi Hand) 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="satchel"

Every screen, both themes

Satchel design system — Homepage — Classroom — daylight exercise book screenshot
Homepage — Classroom — daylight exercise book
Satchel design system — Homepage — Evening — reading after bedtime screenshot
Homepage — Evening — reading after bedtime
Satchel design system — Parents Hub — Classroom — daylight exercise book screenshot
Parents Hub — Classroom — daylight exercise book
Satchel design system — Parents Hub — Evening — reading after bedtime screenshot
Parents Hub — Evening — reading after bedtime
Satchel design system — Cover — Classroom — daylight exercise book screenshot
Cover — Classroom — daylight exercise book
Satchel design system — Cover — Evening — reading after bedtime screenshot
Cover — Evening — reading after bedtime

More like this

Chill design system — Cool, crisp air for AC installers: remote-key buttons, LED readouts, vent louvres, frost on selection ChillIndustry kits Cool, crisp air for AC installers: remote-key buttons, LED readouts, vent louvres, frost on selection Circuit design system — Switchgear UI for electricians: rocker buttons, breaker toggles, and current that flows when the job is done CircuitIndustry kits Switchgear UI for electricians: rocker buttons, breaker toggles, and current that flows when the job is done Commit design system — A developer's portfolio as paper and an editor: keystroke buttons, project diffs, a commit graph that draws. CommitIndustry kits A developer's portfolio as paper and an editor: keystroke buttons, project diffs, a commit graph that draws.