Vellum — Creative Agency & Portfolio HTML Template (Editorial, Tailwind)

Vellum is a premium, single-page HTML template for creative agencies, design studios and freelancers who want a site that looks art-directed — not assembled from a kit. Light, editorial, and unapologetically bold: oversized display type on near-white space, decisive electric-blue color blocks, and a portfolio-first layout engineered to turn visitors into project inquiries.

Most agency templates hedge — a stock hero photo, a soft gradient, a centered tagline. Vellum does the opposite: the type IS the image. Enormous grid-breaking headlines, an invisible baseline grid, a single saturated accent used as architecture, and a "Selected Work" grid that is the hero of the page.

WHAT'S INSIDE (~12 sections)

• Sticky nav + accessible mobile menu

• Grid-breaking editorial hero

• Auto-scrolling capabilities marquee

• Portfolio-first "Selected Work" grid (electric-blue hover flood)

• Featured case-study spotlight

• Full-bleed manifesto band

• Numbered services / capabilities

• Clients + recognition row

• Process steps

• Large pull-quote testimonial

• Full-width CTA band + footer

WHY IT'S DIFFERENT

• Token-driven — rebrand the whole site by swapping ONE accent value

• Static HTML + Tailwind CSS — no React/Vue, no build step, drop it on any host

• Fully responsive, mobile-first — the hero scales with clamp(), drama survives to phone width

• WCAG AA contrast, semantic landmarks, keyboard-focusable, respects prefers-reduced-motion

• Self-hosted fonts (Space Grotesk + Inter, woff2) — no CDN, no layout shift

• Lighthouse: Performance 97 · Accessibility 100 · Best-Practices 100 · SEO 100

• Clean, commented, W3C-valid code

WHAT YOU GET

index.html · compiled + source Tailwind CSS · vanilla JS (marquee, scroll-reveal, mobile nav) · self-hosted fonts · documentation · changelog · license notes.

Live demo (free Lite version): https://mcmxcixx.github.io/vellum-studio/