YOUR DESIGN SYSTEM
Palette builder
Generated live from your selected colour's hue. Click a suggestion to add it to the next empty palette slot — once all 5 are full, it replaces whichever slot you last selected (Text by default).
Fills all 5 palette slots (Primary/Secondary/Accent/Surface/Text) at once with a ready-made colour combination — replaces your current palette.
REAL-WORLD APPLICATION
Website preview
Make your next
big idea happen.
Thoughtful digital experiences, built around your business and your customers.
to feel right.
Understand the why.
Start with the people and the problem.
Shape the experience.
Turn ideas into a clear, usable system.
Make it real.
Build, test and keep improving.
LOCAL PROJECTS
Saved palettes
Palettes are saved in this browser. Use extension sync or export a JSON backup to move them to another browser/device.
PHASE 2 · NEW
Typography Studio
Pairing presets Custom package
Make your next big idea happen.
Thoughtful digital experiences, built around your business and your customers.
Fonts are served live from Google Fonts for every package tier — no licensing fee to preview or use any font shown here. Pairing presets are a one-click Custom-package convenience, not a limit on font choice. Sample preview text only — not final client copy.
PHASE 4 · FREE TIER
Graphic Library
Add a free Unsplash Access Key to search stock photos. Get one at unsplash.com/developers — new apps start free in demo mode (50 searches/hour).
Stored only in this browser's local storage — never sent anywhere except the Unsplash API, never committed to this project's code.
Free-tier search & select panel — choosing a photo shows its full source/licence/attribution, and "Use as hero image" places it into the website preview's hero area below. Moving/resizing a graphic elsewhere in the layout is a future Template Studio feature and is not built yet. No premium/purchased asset pack is in scope.