Vellum est un modèle HTML premium d’une seule page pour les agences créatives, les studios de design et les freelances qui veulent un site avec une vraie direction artistique, et non assemblé à partir d’un kit. Lumineux, éditorial et résolument audacieux : une typographie surdimensionnée sur des espaces presque blancs, des aplats de bleu électrique tranchés et une mise en page centrée sur le portfolio, conçue pour transformer les visiteurs en demandes de projet.

La plupart des modèles pour agences restent timides : une photo de banque d’images en hero, un dégradé doux, un slogan centré. Vellum fait l’inverse : la typographie EST l’image. Des titres énormes qui brisent la grille, une grille de ligne de base invisible, un unique accent saturé utilisé comme architecture et une grille « Réalisations choisies » qui est la vedette de la page.

CE QUE CONTIENT LE MODÈLE (~12 sections)

• Navigation fixe + menu mobile accessible

• Hero éditorial qui brise la grille

• Bandeau défilant automatique des compétences

• Grille « Réalisations choisies » centrée sur le portfolio (inondation de bleu électrique au survol)

• Mise en avant d’une étude de cas

• Bandeau manifeste pleine largeur

• Services / compétences numérotés

• Rangée de clients et de distinctions

• Étapes du processus

• Grand témoignage sous forme de citation

• Bandeau d’appel à l’action pleine largeur + pied de page

POURQUOI IL SE DISTINGUE

• Piloté par des tokens : changez l’identité de tout le site en modifiant UNE seule valeur d’accent

• HTML statique + Tailwind CSS : sans React/Vue, sans étape de build, à déposer sur n’importe quel hébergeur

• Entièrement responsive, mobile-first : le hero s’adapte avec clamp(), l’effet reste intact jusqu’à la largeur d’un téléphone

• Contraste WCAG AA, repères sémantiques, navigation au clavier, respect de prefers-reduced-motion

• Polices auto-hébergées (Space Grotesk + Inter, woff2) : sans CDN, sans décalage de mise en page

• Lighthouse : Performance 97 · Accessibilité 100 · Bonnes pratiques 100 · SEO 100

• Code propre, commenté et valide W3C

CE QUE VOUS RECEVEZ

index.html · Tailwind CSS compilé + sources · JS natif (bandeau défilant, apparition au scroll, navigation mobile) · polices auto-hébergées · documentation · journal des modifications · notes de licence.

Démo en ligne (version Lite gratuite) : https://mcmxcixx.github.io/vellum-studio/