ShopConnect · Design System · v0.3
One source of truth for the ShopConnect brand — colors, fonts, patterns, and the taste behind them. Read it, build from it, add to it. Nothing here is a cage; it's a curated set of defaults you override deliberately.
themes/ — flip to compare. → make your own
The rules of taste. When in doubt, restraint wins.
before any UIWhich patterns are legal on which kind of surface. The first check.
the lawOur ON/OFF patterns, color, voice. Project beats system.
don't repeatReal mistakes, diagnosed. Read before defending a "but it's in the system" call.
typeTypeface decisions + license notes + free fallbacks.
add your ownHow to add a color, font, or photo. Everyone via PR.
Not ShopConnect canonical. Look at what Mitch built, pull the moves we like into our brief.
9 canonical patterns, each with a rule. Brand picker re-themes it live — set it to shopconnect.
See any brand applied across storefront, dashboard, landing, quiet moment.
font labSame hero in 6 running-font candidates + display picks.
how to useWhat's here and how to promote something into ShopConnect.