Industry kits

Shipyard

Engineering-studio kit: blocks that seat in hatched slots, live deploy pipelines, stamped case studies.

Mona Sans Spline Sans Mono Self-hosted — zero third-party requests
Components
30
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 — dock / Dark — night shift — the in-app toggle switches between them.
  • Fonts (Mona Sans, Spline Sans Mono) 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="shipyard"

Every screen, both themes

Shipyard design system — Case Study Page — Dark — night shift screenshot
Case Study Page — Dark — night shift
Shipyard design system — Case Study Page — Light — dock screenshot
Case Study Page — Light — dock
Shipyard design system — Homepage — Dark — night shift screenshot
Homepage — Dark — night shift
Shipyard design system — Homepage — Light — dock screenshot
Homepage — Light — dock
Shipyard design system — Cover — Dark — night shift screenshot
Cover — Dark — night shift
Shipyard design system — Cover — Light — dock screenshot
Cover — Light — dock

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.