About the Bauhaus template
Primary shapes meet primary colors in this Bauhaus revival—white field, red geometric accent, sharp black text that recalls Constructivist posters from 1924 Moscow. Geometric simplicity and bold color declare function over decoration, a philosophy that resonates with design systems, educational tools, and industrial-design products. Your referral leaderboard gains the same primary-color treatment, making social proof feel part of the original design.
What the demo shows
The live demo on this page launches Primary, a made-up product we wrote to show the template with realistic copy: the headline reads “Three shapes. Infinite products.” and the subhead says “A modular furniture drop built from circles, squares and triangles. Flat-packed, bolt-free, very opinionated.” Below it you see the signup form, a demo launch countdown and the share-to-climb referral panel exactly as a visitor would. Try the form: in the demo nothing is stored. When you use Bauhaus, you replace Primary with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Bauhaus is a light template: a white background (#fafaf7), near-black type (#0c0a09) and a red accent (#dc2626) on the join button, the countdown and the referral highlights. Body text sits at a 18.9:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with Bauhaus circles, squares and bars, clearly visible; visitors who ask their device for reduced motion get a still frame instead. Structurally it uses the Brutalist layout, shared with 39 other templates, but the palette, the motion and the demo copy are Bauhaus's own.
- Background
- #fafaf7
- Accent
- #dc2626
- Text
- #0c0a09
How it compares
Within Art / Abstract, Bauhaus stands out for its red accent on a white ground. If it is not quite right, Watercolor is also light but leans on a vivid green accent and watercolour washes bleeding together (“Soft washes, pencil details”). Art Deco flips to a dark near-black canvas with a vivid amber accent and Art Deco fans and sunbursts (“Gold geometry on black”). Origami is also light but leans on a vivid sky blue accent and folding origami shapes (“Folded paper, sharp shadows”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Bauhaus in three steps
- Click “Use this template” and create a free account; Bauhaus is preselected in the page wizard.
- Replace the Primary demo copy with your product's headline and one-line pitch, pick a URL, and optionally set a launch date to show a real countdown.
- Publish and share the link. Every subscriber gets a personal referral link, and you watch signups and top referrers arrive in the dashboard.
