Veil — A Manifesto, Not a Landing Page
Cinematic editorial site for an AI identity protection startup · 2026
Client: Veil — AI identity protection for creators
Role: Design + build (concept, brand foundation, frontend)
Stack: HTML · CSS · JavaScript · GSAP · Lenis
Timeline: Two weeks · 2026
Live: https://veil-cyan.vercel.app/
The Problem
Veil is a startup protecting creators from AI-generated impersonation — deepfakes, voice cloning, scraped likeness. The founder needed a landing page that didn't feel like another SaaS site. The category is full of generic dark-mode hero shots and stock cyber imagery. Veil needed to feel different: serious, emotionally weighted, and built for creators who already understand what's at stake.
The brief: no photos. No tech-stock aesthetic. The page itself had to feel like the threat it was describing.
Hero — "There is only one you. Own it." The page opens warm and human.
The Approach
I built the page around one emotional arc: warm human identity → cold AI violation → confident reclamation → ceremonial invitation. Every design decision served that arc.
Brand foundation. A custom palette called "Bruise" — warm cream paper opening into plum violation, draining into indigo-black. The wound is built into the color. Type pairing of Fraunces (serif, emotional) and Hanken Grotesk (sans, functional) — emotion always in the serif, function always in the sans, never swapped.
Page architecture. Four acts plus a coda, treating the page as a document with weight. A numbered folio system (Folio i / 01 / 02 / 03 / Coda iv) runs throughout, reinforcing the manifesto framing.
Motion as meaning. Each act uses different motion vocabulary on purpose. Act 1 reveals lift gently. Act 2 — the violation — types its headlines out character by character (forensic, surveillance) while the body bullets resolve from heavy blur into focus (the camera finding its subject). Act 3 declares. The motion itself signals when the page's emotional register changes.
Act 1 — Identity. Four cascading phrases reveal what makes a creator irreplaceable. Progressive indents + italic shifts build the rhythm.
Act 2 — Violation. The page's signature moment. Headlines type themselves out character by character. The "feed your face" line carries a ghost shimmer — identity replication, encoded in the typography itself.
Act 2, beat two. Bullets resolve from heavy blur into clarity — a cinematic focus-pull as the camera finds its subject.
The Collaboration
Three rounds of iterations with the founder. Every revision sharpened the work: removing a too-clever wordmark treatment, restructuring Act 2 into two horizontal columns to cut the vertical length, reworking reveal timings, refining the CTA copy. The final motion direction — typed-out headlines for Act 2 — came directly from the founder's suggestion, and built the section's signature.
Brief calls, async loops, no scope creep. The kind of working rhythm that lets the work actually get better.
Act 3 — Protection. Three editorial pillar declarations. The page opens up again, confident, no longer afraid of itself.
The Outcome
A landing page that reads as a document. Editorial restraint instead of tech-startup loudness. No photos, no stock imagery, no rendered 3D — just typography, geometric color blocks, and motion that means something.
The founder's team is handling backend and deployment. My deliverable was the full HTML/CSS/JS codebase, the brand foundation, and a handoff README for their developers.
Coda — Invitation. "Reclaim Your Creative Ownership." Editorial frame, corner brackets, particles drifting through warm bokeh.
Cinematic editorial landing page for Veil, an AI identity protection startup for creators. Custom brand foundation, four-act structure, and motion as meaning.