About the Recursive Geometry template
Recursive Geometry is built from squares inside squares. Several nested frames rotate around a shared centre, some clockwise and some in reverse, creating a feeling of recursive subdivision and infinite regress. The effect runs on a warm near-black canvas (#0c0a09) with a cyan accent (#22d3ee) and pink text (#f472b6), and a lens-flare halo wraps the small dot at the core. It uses Qubed's full-screen effect layout, so the geometry spans the viewport while a vignette and fine grain keep the centred title, description and form readable.
The motif suits software where structure is the product: developer frameworks, permission systems, nested workspaces, graph databases, compilers. It signals rigour without leaning on familiar terminal clichés. Behind the look sit Qubed's standard mechanics: each person who joins gets a referral link and moves up the built-in leaderboard when friends join through it, and you follow signups in real time and export them to CSV. Colours, copy and logo are all editable, and the page is live in about 60 seconds, free on any plan.
What the demo shows
The live demo on this page launches Nestwork, a made-up product we wrote to show the template with realistic copy: the headline reads “Teams inside teams, finally sane” and the subhead says “Nestwork gives every squad its own workspace that inherits permissions, goals and docs from the team above it.” 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 Recursive Geometry, you replace Nestwork with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Recursive Geometry is a dark template: a near-black background (#0c0a09), light pink type (#f472b6) and a vivid cyan accent (#22d3ee) on the join button, the countdown and the referral highlights. Body text sits at a 7.5:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. The background is deliberately still, so all of the attention goes to the headline and the form. The layout is hand-built for Recursive Geometry and not shared with any other template in the catalogue.
- Background
- #0c0a09
- Accent
- #22d3ee
- Text
- #f472b6
How it compares
Within Luxury, Recursive Geometry stands out for its vivid cyan accent on a near-black ground. If it is not quite right, Wave Interference is also dark but leans on an emerald accent (“Two grids collide. Moiré, hue-shifting”). Midnight Gold is also dark but leans on an amber accent (“Black + gold luxury. Serif type. Filaments of light”). Quiet Luxury flips to a light white canvas with a charcoal accent and threads of gold weaving through (“Vast whitespace. One horizon. One dot. Nothing extra”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Recursive Geometry in three steps
- Click “Use this template” and create a free account; Recursive Geometry is preselected in the page wizard.
- Replace the Nestwork 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.
