Originals

Patchbay

Premium hardware panel: keys with travel, knobs, faders, LEDs, readouts.

Archivo Martian Mono Self-hosted — zero third-party requests
Components
23
Widgets
5
Examples
3
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: Studio / Night session — the in-app toggle switches between them.
  • Fonts (Archivo, Martian 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="patchbay"

Every screen, both themes

Patchbay design system — Dashboard Screen — Night session screenshot
Dashboard Screen — Night session
Patchbay design system — Dashboard Screen — Studio screenshot
Dashboard Screen — Studio
Patchbay design system — Home Screen — Night session screenshot
Home Screen — Night session
Patchbay design system — Home Screen — Studio screenshot
Home Screen — Studio
Patchbay design system — Settings Screen — Night session screenshot
Settings Screen — Night session
Patchbay design system — Settings Screen — Studio screenshot
Settings Screen — Studio
Patchbay design system — Cover — Night session screenshot
Cover — Night session
Patchbay design system — Cover — Studio screenshot
Cover — Studio

More like this

Gumdrop design system — Squishy clay and gummy candy: puffy slabs that squash and spring. GumdropOriginals Squishy clay and gummy candy: puffy slabs that squash and spring. Overprint design system — Risograph zine: two spot inks overprinting on paper, halftone, stamps. OverprintOriginals Risograph zine: two spot inks overprinting on paper, halftone, stamps. Arcade design system — Pop meets the arcade cabinet: push-buttons, INSERT COIN, rolling scores. Dark-first. ArcadePop family Pop meets the arcade cabinet: push-buttons, INSERT COIN, rolling scores. Dark-first.