Spigot Design System
A considered starting point for every build.
Clean structure, real design tokens, and dark mode built in. Duplicate it, swap the content, and ship something that doesn’t look like a template.
Why start here
Built on a real system, not a one-off
Design tokens
Colors, type and spacing live in Core Framework — change once, update everywhere.
Dark mode, native
Light and dark handled per color by CF. Every duplicate is toggle-ready out of the box.
Component library
Proven sections and patterns, ready to assemble and rebrand per client.
Your image here
The 3/5 split
Photo and text, the Spigot way
The 3/5 split is the default for any image-and-content pairing: 60/40 on desktop, 50/50 on tablet, stacked on mobile. CF utility classes handle every breakpoint.
Learn the pattern →
Dark mode, handled
Looks intentional in the dark, too
Because dark values live on every color in Core Framework, the whole system flips cleanly — no separate dark stylesheet to maintain.
Get startedStart your next build here
Duplicate the starter, drop in the client’s brand, and you’re already past the boring part.
Get startedFAQ
Frequently asked questions
A common question goes here?
A clear, concise answer. One or two sentences is usually enough.
Another question people ask?
A clear, concise answer. One or two sentences is usually enough.
A third frequent question?
A clear, concise answer. One or two sentences is usually enough.
And one more question?
A clear, concise answer. One or two sentences is usually enough.