Originals

Gumdrop

Squishy clay and gummy candy: puffy slabs that squash and spring.

Fredoka Figtree Self-hosted — zero third-party requests
Components
21
Widgets
5
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 — clay table / Dark — plum night — the in-app toggle switches between them.
  • Fonts (Fredoka, Figtree) 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="gumdrop"

Every screen, both themes

Gumdrop design system — Habit Garden — Dark — plum night screenshot
Habit Garden — Dark — plum night
Gumdrop design system — Habit Garden — Light — clay table screenshot
Habit Garden — Light — clay table
Gumdrop design system — Cover — Dark — plum night screenshot
Cover — Dark — plum night
Gumdrop design system — Cover — Light — clay table screenshot
Cover — Light — clay table

More like this

Overprint design system — Risograph zine: two spot inks overprinting on paper, halftone, stamps. OverprintOriginals Risograph zine: two spot inks overprinting on paper, halftone, stamps. Patchbay design system — Premium hardware panel: keys with travel, knobs, faders, LEDs, readouts. PatchbayOriginals Premium hardware panel: keys with travel, knobs, faders, LEDs, readouts. 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.