Noir Glass Lens

Noir Glass Lens is a dark editorial template for studios, agencies, and independent designers.

A dark editorial website for design studios and independent designers who need a live site this week — not another moodboard. Swap the studio name, drop in case studies from the CMS, and publish. The WebGL glass lens, work reel, and contact form are already wired. No code. Built for studios that sell with case studies: 7 pages, a Work CMS with 19 fields (empty media slots hide themselves), and a contact form with pending, sent, error, and incomplete states. Runs on a Framer Basic plan. Change colour and type from one panel (colour styles + 11 text styles). On desktop the lens follows the cursor; on a phone it follows tilt. Pages • 7 total — 5 static, 1 CMS collection page, 1 not-found CMS • Collections: Work, Principles • Work: 19 fields — cover, year, discipline, client, challenge, outcome, story, quote, live link, and five media slots that hide when empty Included • Lens Wordmark — WebGL magnifier, editable text, auto-fitting type, optional device tilt • Marquee — alternating serif and mono, asterisk marks, adjustable speed • Scroll Text — a paragraph that fills in letter by letter on scroll • Work Reel — draggable strip with arrows, driven by the CMS • Local Clock — live time with a city picker, no code • Contact form — pending, sent, error, and incomplete states • Colour styles and 11 text styles — restyle the site from one panel Need help? hello@alexand.co

Agency site, glass-lens hero