About the Rainy Quad template
Rainy Quad situates you in a stone courtyard at Oxford or Cambridge, mid-rain, ivy-soaked. The charcoal-gray background with golden accent suggests wet stone catching lamplight; the atmosphere is contemplative, slightly melancholic. Educational institutions, dark-academia-themed projects, and intellectual communities will feel the Gothic spire aesthetic. The muted palette creates a scholarly hush; you're invited into a library, not a marketplace. Track engagement with real-time analytics to understand which intellectual hooks resonate longest with university audiences.
What the demo shows
The live demo on this page launches Drizzlequad, a made-up product we wrote to show the template with realistic copy: the headline reads “Campus is cozier in the rain.” and the subhead says “A campus events app for rainy days: readings, film nights and hidden cafés, all under a roof.” 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 Rainy Quad, you replace Drizzlequad with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Rainy Quad is a dark template: a dark grey background (#404040), off-white type (#e5e5e5) and a vivid amber accent (#fbbf24) on the join button, the countdown and the referral highlights. Body text sits at a 8.2:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with falling rain streaks, front and centre; visitors who ask their device for reduced motion get a still frame instead. Structurally it uses the Manifesto layout, shared with 93 other templates, but the palette, the motion and the demo copy are Rainy Quad's own.
- Background
- #404040
- Accent
- #fbbf24
- Text
- #e5e5e5
How it compares
Within Dark Academia, Rainy Quad stands out for its vivid amber accent on a dark grey ground. If it is not quite right, Ancient Greek flips to a light white canvas with a brown accent and veined marble swirling (“Marble bust, parchment”). Latin Motto is also dark but leans on a vivid amber accent and an animated pages layer (“Carved stone, school crest”). Poet Corner is also dark but leans on a brown accent and an animated pages layer (“Brick wall, plaque names”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Rainy Quad in three steps
- Click “Use this template” and create a free account; Rainy Quad is preselected in the page wizard.
- Replace the Drizzlequad 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.
