Design lab: 4 systems to choose from
Live demos of four design directions — the client clicks and chooses instead of guessing from mockups
Overview
A showcase of the design process: four full live demos (from soft pastel to the cinematic premium C2 with an aurora background, glass and magnetic buttons), built in pure CSS with no frameworks. Dark and light themes with a persisted toggle. This is how SaleGermany's final style was chosen — instead of static mockups, the client clicks through living pages.
What's inside
4 live directions
A, B, C and the final C2 “Cinematic Pro” — all clickable
Dark/light themes
☀/🌙 toggle, the choice persists in localStorage
Editorial typography
Fraunces + Hanken Grotesk instead of overused fonts
Pure CSS
Aurora, glass, spotlight cards — not a single library
Tech stack
See it live
Open the working demo of this project in a new tab.
Configure your build
Select options and see the estimated price instantly.
Project configurator
Package
Design
Integrations
Timeline
Support
One-time total
$700
This is an estimate. We'll lock the final quote after a short brief.
Related projects
Learn more
SaleGermany — basket planner
Every German supermarket's deals and farm goods in one basket
Demand-test landing
A premium landing with a lead form that validates an idea over a weekend
Telegram Mini App for an AI agent
Embedded app: day overview, tasks, finance, notes, Obsidian, plans