About the Bauhaus Grid template
Bauhaus Grid is a small homage to the modernist school. A fine 24-pixel grid runs over a warm parchment background (#f0e8d8), and three geometric primitives move within it: a red circle in the accent colour (#dc2626) that breathes, a blue square that rotates slowly, and a yellow triangle that slides from side to side. Near-black text (#1a1a1a) keeps the typography crisp. The template uses Qubed's full-screen effect layout, so your headline, description and signup form sit centred over the grid with a light vignette and grain.
It fits products built on rules and structure: design-token managers, component libraries, grid and layout tools, design education, furniture makers and poster studios. The primary palette is instantly recognisable yet feels fresh on a waitlist. Each subscriber gets a referral link, and the built-in leaderboard advances them as their invitations turn into signups. Change the colours, copy and logo, add an optional launch countdown, and publish in about a minute. Signups are charted in real time, the list downloads as CSV, and no plan is required to use it.
What the demo shows
The live demo on this page launches Formfactor, a made-up product we wrote to show the template with realistic copy: the headline reads “Good design is a system.” and the subhead says “A design-token manager that keeps your grid, color and type rules in one strict, beautiful place.” 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 Grid, you replace Formfactor with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Bauhaus Grid is a light template: a parchment background (#f0e8d8), charcoal type (#1a1a1a) and a red accent (#dc2626) on the join button, the countdown and the referral highlights. Body text sits at a 14.3: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. The layout is hand-built for Bauhaus Grid and not shared with any other template in the catalogue.
- Background
- #f0e8d8
- Accent
- #dc2626
- Text
- #1a1a1a
How it compares
Within Art / Abstract, Bauhaus Grid stands out for its red accent on a parchment ground. If it is not quite right, Bauhaus is also light but leans on a red accent and Bauhaus circles, squares and bars (“Primary shapes, primary colors”). 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”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Bauhaus Grid in three steps
- Click “Use this template” and create a free account; Bauhaus Grid is preselected in the page wizard.
- Replace the Formfactor 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.
