01Stack
- HTML5 sémantique — main · section · article · nav · aside
- CSS vanilla — aucune dépendance framework
- JavaScript natif (pas de GSAP, pas de jQuery)
- Fonts self-hosted — Anton · Space Mono · Inter
- Aucun bundle, aucun build tool requis
Template · dès 2026 RVLT. studio brutaliste.
Pour ceux qui ne suivent pas.
RVLT est un template studio brutaliste. Son registre : éditorial ambitieux, typographie massive (Anton), blueprint grid, coordonnées géographiques Paris / Tokyo, credibility bar, marquees à trois couches. Le lecteur ouvre votre page comme une revue d'art contemporain — format carré, gros noir, spot rouge électrique.
Le template se concentre en une seule page longue de sept sections (hero, services en marquees, portfolio zigzag, mid-CTA, impact chiffré, témoignages, manifesto) + deux pages annexes (404 et légales). Une structure tenue, lisible, qui raconte une histoire linéaire sans perdre le visiteur.
Nous l'avons pensé pour les marques qui ne veulent pas ressembler aux autres : studios créatifs internationaux, agences de communication, maisons de mode, labels, fondateurs de startups ambitieuses. Si votre positionnement demande un coup de tonnerre visuel, RVLT est fait pour vous.
Sept sections, une seule page longue.
Chaque section a son rôle narratif. Pas de navigation éclatée : le visiteur descend une fois, comprend tout, se décide. Scroll progress bar, scroll-spy nav, focus ring rouge partout.
-
01
Voir
Hero · display fracturé
Blueprint grid, monogram ghost en filigrane, meta coordonnées Paris/Tokyo aux quatre coins, titre Anton fracturé en quatre rangs (« Brands / built / to lead / not follow »), credibility bar en pied. Répond en 5 secondes à la question « c'est quoi, c'est pour qui ».
-
02
Voir
Services · marquee stack
Trois couches de marquees à vitesses et directions mélangées : meta tags fins, mots géants en outline, bande rouge avec récompenses. Signature typographique du template.
-
03
Voir
Work · zigzag gallery
Six projets présentés en zigzag asymétrique avec overlay résultat (chiffré et vérifiable). Chaque card sert de preuve visuelle ET quantitative : la photo dit le quoi, le résultat dit le pourquoi ça marche.
-
04
Voir
Impact · 4 chiffres asymétriques
Quatre statistiques chiffrées en grille asymétrique : compteurs animés, barres de progression, sparkline SVG, liste de récompenses. Preuve quantitative après la preuve visuelle.
-
05
Voir
Voices · trois témoignages
Trois cards témoignages structurées pour couvrir trois objections différentes : le résultat, la méthode, la pérennité. Chaque témoignage porte un lien vers le case study correspondant dans la section Work.
-
06
Voir
Manifesto · quatre principes
Pose la profondeur de la marque APRÈS les preuves — déclaration fracturée sur la grille + quatre principes numérotés. Le visiteur qui arrive jusqu'ici est prêt à entendre le pourquoi.
-
07
Voir
Contact · plus trois pages annexes
Section contact finale (form + infos direct) + trois pages annexes livrées avec le template : 404 dans le registre brutaliste, mentions légales, politique de confidentialité.
Ce qu'il y a sous le capot.
02Performance
-
Fonts préchargées via
<link rel="preload"> -
Images lazy-loadées (
loading="lazy") - Marquees CSS pures · aucun rAF JS
- Structured data Schema.org pour le SEO
- Open Graph + Twitter Card prêts pour partage social
03Accessibilité
- Contraste WCAG AA (Cream sur Black ≈ 15:1)
-
:focus-visible· outline rouge 2 px -
Skip-link vers
#content - Menu overlay · focus-trap · Échap pour fermer
-
prefers-reduced-motionneutralise marquees -
Annonces scroll-spy en
aria-livepolite
04Compatibilité
- Chrome · Firefox · Safari · Edge — dernières versions
- Safari iOS 16+ · Chrome Android récent
-
Fonts fallback système —
Arial Black · monospace · system-ui - Pas de Service Worker — fonctionne derrière tout CDN
- Structuré pour être traduit (i18n-friendly)
Licence : le code source est livré à votre nom. Vous pouvez le modifier, l'héberger où vous voulez, le décliner sur plusieurs projets. Un lien d'attribution vers Grand Line Web est conservé dans le pied de page.
Taillé pour ces métiers-là.
-
01
Studios créatifs
Design, branding, art direction. Un site qui dit le niveau avant de dire le nom. Parfait pour les studios internationaux qui pitchent des grosses marques.
-
02
Agences de communication
Campagnes, stratégie, social. Blueprint grid + typographie massive pour exprimer l'ambition éditoriale sans tomber dans le buzzword.
-
03
Marques premium & lifestyle
Mode, lifestyle, luxe accessible. Palette noir/rouge/crème qui tient la distance avec les marques maison de luxe historiques, sans les imiter.
-
04
Labels & maisons d'édition
Musique, livre, revue. Format éditorial net, credibility bar qui met en avant la distribution, le catalogue, les prix.
-
05
Fondateurs ambitieux
Startup, scale-up, boutique premium. Une vitrine qui positionne la marque avant même le produit. Parfaite pour les levées, les partenariats, les embauches.
Vous prenez le registre.
Nous ajustons la pièce.
-
01 Esquisse
Le template tel quel.
RVLT livré clé en main, adapté à vos textes et à vos visuels. Structure, marquees, DA intactes. Si le registre vous va, c'est la voie la plus directe.
Dès 790 € HT · achat unique
- Template RVLT installé
- Vos textes et visuels intégrés
- Livré en 2 à 3 semaines
- Code source livré à votre nom
-
02 Composition
Personnalisation sur mesure.
RVLT repris dans votre grammaire : typographies, couleurs, sections repensées selon votre catalogue. Nous tenons la direction artistique, vous gardez votre signature.
Dès 1 690 € HT · devis sur brief
- Typographies et palette ajustées
- Sections repensées selon votre contenu
- Rédaction éditoriale relue
- Livré en 4 à 6 semaines
-
03 Signature
100% sur mesure, inspiré du registre.
Un site entièrement conçu à partir de votre brief, avec le registre RVLT comme point de départ. Direction artistique dédiée, code dédié.
Projet unique Sur devis Réponse sous 48 h ouvrées
- Atelier de cadrage (2 séances)
- Identité visuelle retravaillée
- Structure pensée pour votre catalogue
- Livré en 8 à 12 semaines
Vous préférez l'abonnement tout compris (site + infogérance + SEO) ? Voir les formules mensuelles