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

Vellum ist ein Premium-Einseiten-HTML-Template für Creative Agencies, Design-Studios und Freelancer, die eine Website wollen, die wie kuratiert aussieht — nicht wie aus einem Baukasten zusammengesteckt. Leicht, editorial und ohne Ausreden: übergroße Display-Typografie auf nahezu weißem Raum, klare elektrische-Blau-Farbflächen und ein portfolio-first Layout, das darauf ausgelegt ist, Besucher in Projektanfragen zu verwandeln.

Die meisten Agentur-Templates sind auf Nummer sicher — ein Stock-Hero-Foto, ein sanfter Verlauf, ein zentrierter Slogan. Vellum macht das Gegenteil: Die TYPOGRAFIE ist das Bild. Riesige Überschriften, die das Raster durchbrechen, ein unsichtbares Baseline-Grid, ein einzelner kräftig gesättigter Akzent als Architektur und ein „Selected Work“-Grid, das der Star der Seite ist.

WAS INKLUSIVE IST (~12 Sektionen)

• Sticky Nav + zugängliches Mobile-Menü

• Grid-breaking Editorial-Hero

• Auto-Scrolling-Funktionen für das Marquee

• Portfolio-first „Selected Work“-Grid (elektrisch-blauer Hover-Flood)

• Highlight für ein Featured Case Study

• Full-bleed Manifesto-Band

• Nummerierte Services / Fähigkeiten

• Kunden + Recognition-Row

• Prozess-Schritte

• Großes Pull-Quote-Testimonial

• Full-Width-CTA-Band + Footer

WARUM ES ANDERS IST

• Token-getrieben — rebrand die komplette Website, indem du EINEN Akzentwert austauschst

• Statisches HTML + Tailwind CSS — kein React/Vue, kein Build-Step, einfach auf jedem Host ausrollen

• Vollständig responsiv, mobile-first — der Hero skaliert mit clamp(), die Dramaturgie bleibt bis in die Smartphone-Breite erhalten

• WCAG AA Kontrast, semantische Landmarks, per Tastatur fokussierbar, berücksichtigt prefers-reduced-motion

• Selbst gehostete Fonts (Space Grotesk + Inter, woff2) — kein CDN, kein Layout Shift

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

• Sauberer, kommentierter, W3C-validierter Code

WAS DU BEKOMMST

index.html · kompiliertes + Source Tailwind CSS · Vanilla JS (Marquee, Scroll-Reveal, Mobile Nav) · self-hosted Fonts · Dokumentation · Changelog · Lizenzhinweise.

Live-Demo (kostenlose Lite-Version): https://mcmxcixx.github.io/vellum-studio/