Template details
A flagship architectural glazing showcase built around a minimalist cream + ink palette and Aeonik-style display + mono typography. Features a fixed bottom-center pill navigation with a slot-machine page-title indicator, an expanding hamburger menu panel, a diamond-marked custom cursor, a scroll-pinned showroom banner where the backdrop image scales from 0.55 to 1.0 as the user pins through the section, letter-by-letter headline fade-ins, slot-machine button label hovers, a client-stories carousel, and a reviews section with circular portraits. 15+ wired pages: home, about (11 sections including manifesto, beliefs, 10-person team, press logos), collection listing, four product-family detail pages (Doors / Windows / Structural / Additional) with spec tables, projects listing (28+ cards across mixed sizes), four project detail pages (Rusty House / Rosewood Pilates / Beulah Walk / Berkeley Road), approach, showroom, contact with FAQ accordion, and news. Scroll-pinned state machine (absolute / fixed / rest-bottom) handles the showroom banner without position:sticky. Inter + JetBrains Mono as system fallbacks for Aeonik Pro / Aeonik Mono.
- Fixed bottom-pill nav with slot-machine page title
- Expanding hamburger menu panel with outside-click / ESC close
- Diamond-marked custom cursor with contextual labels
- Scroll-pinned showroom banner (0.55 → 1.0 scale)
- Letter-by-letter headline fade-ins (triple-fallback reveal)
- Slot-machine button label hovers
- Asymmetric product block grid
- Staggered client-stories carousel
- Page-transition curtain
- 15+ wired pages
- Four product-family detail pages with spec tables
- Four project case studies with metadata + next-project linking
- FAQ accordion + booking CTA
Can I customize this template after I add it to my project?
Clarion is fully editor-ready. Every text field, image, color, and animation is bound to UOVA's premium editing system, so you can change anything in the visual editor or via natural-language AI prompts inside the canvas.
What's included with the template?
The full live preview you see above — all 16 pages, every section, every animation, mobile-responsive layouts, and the source-of-truth content tree. UOVA hosts it on your custom subdomain free; connect a custom domain whenever you're ready.
How is this different from a Webflow or Framer template?
UOVA templates are powered by an AI editor that lets you type "make the hero headline more punchy" and watch the page update — instead of clicking through layer panels. Every change preserves the original design system. You own the content. The editor learns your brand the more you use it.
What's the licensing model?
Free to use with any UOVA project. Use it commercially, modify it however you like — the only thing you can't do is repackage UOVA templates as your own template marketplace. See full terms.
Can I get help customizing it?
Yes — every UOVA project includes the AI design partner built in. Ask it anything (rewrite copy, swap images, change palette, restructure a section) and it edits in place. For deeper custom work, our Studio team is available — contact us.
