Noir Glass Lens

A dark editorial website for design studios and independent designers who need a live site this week, not another moodboard. Free, complete, and ready to publish.

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. Fonts are open source (OFL), so nothing to license.

Pages

7 total: 5 static, 1 CMS collection page, 1 not-found

CMS

Collections: Work, Principles

Work: 19 fields, including 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

Remix it, make it yours, ship it. Need help? hello@alexand.co