Bauhaus principles turned into pixels — geometric, functional, exact.
Why it works
The site practices what the screensaver preaches: a modular 6-column card grid, two-colour typography system, and no decoration that hasn't earned its place. Light backgrounds with dark text and teal-green accents create a palette that feels both nostalgic and contemporary. Every section holds its proportions like a Bauhaus poster — balance through structure, not ornamentation.
Who should look at this
Indie developers and digital product makers who want to sell a premium download without resorting to loud, over-designed marketing pages.
Signature technique
Geometric card layouts with large rounded corners maintain strict aspect ratios in a 6-column grid — the product and the page share the same visual DNA, making the site itself the best demonstration of the screensaver's aesthetic.
How the page is built
- Slim header. A small clock icon and 'Bauhaus Clock for Mac' sit on the left, with a glossy black 'Buy now, $19' pill on the right that names the price up front.
- Poetic headline. 'Turn waiting into watching.' is set in large, heavy, centred type on pale grey, with no other copy competing with it.
- Product in a real room. A rounded video frame shows the clock screensaver on a monitor on a real desk, with a lamp, plants and framed paintings around it, so visitors picture it in their own space.
- Wall of one-line quotes. A looping run of short reactions, such as 'Gorgeous.' and 'Insta buy. Well done.', each credited to a named designer or developer with their company.
- Positioning statements. Lines such as 'designed to be present even when you're not' and 'built for the ones who notice everything' say who it is for without a feature list.
- Repeated buy button. The same priced button returns further down, along with a note that the clock is now on iPhone and iPad.
Look and feel
A cool pale grey page with a heavy near-black headline and one glossy black button. The only colour comes from the mint-blue clock face in a warm, plant-filled room, which gives the page a calm, objects-on-a-desk feel.
Where it might not fit
The page sells one small thing, so it gives little to a visitor who wants specifications, a demo or a free trial, because there is only a buy button. The praise also relies on names from the design world, which carry less weight with an audience outside that community.
What to borrow
- Show the product in a real room on a real desk, with ordinary objects around it, so visitors picture it in their own space.
- Print the price on the button, such as 'Buy now, $19', so there are no surprises after the click.
- Use a wall of very short quotes, each credited to a named person and their company, instead of a few long testimonials.
Brief your developer
“I want a pale grey page with a heavy centred headline, one glossy black button with the price printed on it, a large rounded video of the product sitting in a real room, and a scrolling wall of one-line quotes from named people.”
How can I sell a single small product from one page?
Bauhaus Clock prints the price on its button, repeats the button further down and shows the product on a real desk. There is no big menu to wander off into, so every element points towards the purchase. A single-product page works best when it is short and each section ends at the same button.
How should I use testimonials?
The page runs a continuous loop of one-line reactions, such as 'Gorgeous.' and 'Insta buy. Well done.', each with the person's name, role and company. Short quotes from recognisable names are quick to read and add up to a crowd. Keep each quote to one line and always credit it.
“Like Bauhaus Clock, but for my business.”
That sentence is a start — it isn't a brief. Answer eight questions and get a structured PDF your developer can quote from on the first call.