Clair (Essentiel, Premium)
Soin Clairière
Un soin du visage qui commence par regarder votre peau.
1 h 15 · 85 € · Lin, encre, accent terre
Surface secondaire
Demander un rendez-vousOutil interne · cette page n'est pas une démonstration
Socle de marque — Institut Orée
Logo, couleurs, typographies, thèmes, espacement, images et mouvement communs aux trois versions.
Marque fictive créée par PILOG pour la démonstration. Adresse, téléphone et tarifs fictifs.
Logo et variantes
Monogramme (cercle ouvert + point de lumière), logotype en texte réel (Cormorant 500) et verrouillage. Le logo suit automatiquement le fond : arc sous-bois et point terre sur clair, arc lin et point aube sur sombre. Taille minimale du monogramme : 20 px.
Lin (fond clair)
OréeInstitut · Saint-Germain-en-Laye
Orée
Sable
OréeInstitut · Saint-Germain-en-Laye
Orée
Sous-bois (sombre)
OréeInstitut · Saint-Germain-en-Laye
Orée
Nuit (sombre)
OréeInstitut · Saint-Germain-en-Laye
Orée
Couleurs et contrastes
Dix couleurs, aucune autre dans l'univers Orée (palette Tailwind verrouillée). Les ratios ci-dessous sont calculés à l'affichage (formule WCAG 2.x) et comparés aux valeurs documentées.
- Lin
#F4EEE4Fond clair principal - Sable
#E8DDCBSurfaces, bandeaux - Encre
#1D211CTexte principal - Brume
#5E6258Texte atténué - Terre
#8A4A2EAccent, boutons, liens - Sous-bois
#26332ASurface sombre de marque - Brume claire
#B9C2B0Texte atténué sur sombre - Aube
#D9B8A0Accent clair sur sombre - Aube vive
#E2A483Accent sur nuit - Nuit
#0F1511Fond le plus profond (Immersif)
| Échantillon | Usage | Calculé | Documenté | Verdict |
|---|---|---|---|---|
| Texte principal (encre sur lin) | 14,14 : 1 | 14,14 : 1 | Conforme AAA | |
| Texte principal (encre sur sable) | 12,15 : 1 | 12,15 : 1 | Conforme AAA | |
| Texte atténué (brume sur lin) | 5,41 : 1 | 5,41 : 1 | Conforme AA | |
| Texte atténué (brume sur sable) | 4,65 : 1 | 4,65 : 1 | Conforme AA | |
| Accent, liens (terre sur lin) | 5,87 : 1 | 5,87 : 1 | Conforme AA | |
| Bouton (lin sur terre) | 5,87 : 1 | 5,87 : 1 | Conforme AA | |
| Accent sur sable (terre sur sable) | 5,04 : 1 | 5,04 : 1 | Conforme AA | |
| Texte sur sous-bois (lin) | 11,45 : 1 | 11,45 : 1 | Conforme AAA | |
| Texte atténué sur sous-bois (brume claire) | 7,18 : 1 | 7,18 : 1 | Conforme AAA | |
| Accent sur sous-bois (aube) | 7,12 : 1 | 7,12 : 1 | Conforme AAA | |
| Texte sur nuit (lin) | 16,02 : 1 | 16,02 : 1 | Conforme AAA | |
| Texte atténué sur nuit (brume claire) | 10,04 : 1 | 10,04 : 1 | Conforme AAA | |
| Accent sur nuit (aube vive) | 8,69 : 1 | 8,69 : 1 | Conforme AAA | |
| terre sur sous-bois : interdit pour du texte (accent graphique uniquement) | 1,95 : 1 | 1,95 : 1 | Interdit (texte) |
Typographie
Cormorant pour les titres, chiffres et citations ; Hanken Grotesk pour le texte, l'interface et les prix. Échelle fluide : la taille calculée est mesurée dans le navigateur par les tests.
text-coverCormorantCouverture PremiumOrée
text-displayCormorantTitre ImmersifÀ l'orée de soi.
text-h1CormorantTitre de page EssentielUn institut à taille humaine
text-h2-xlCormorantTitre de chapitre PremiumLe geste, le temps
text-h2CormorantTitre de sectionPrestations du visage
text-h3CormorantTitre de prestation (≥ 24 px)Soin Clairière
text-leadHanken GroteskChapôSoins du visage et du corps, sur rendez-vous, à Saint-Germain-en-Laye.
text-bodyHanken GroteskTexte courant (17–18 px, interlignage 1,6)Chaque rendez-vous est confié à une seule praticienne, du bilan au dernier geste. Les durées et les prix sont affichés, sans surprise.
text-smallHanken GroteskMentions, prix secondairesTarifs TTC. Les durées incluent l'accueil et le bilan.
text-labelHanken GroteskSurtitres, capitales espacéesInformations pratiques
italiqueCormorant italique : porte l'émotionIl fait encore sombre. Puis la lumière arrive.
chiffresHanken, chiffres alignés (prix, durées)1 h 30 · 85 € · 1 235 € · 10 h – 19 h
Thèmes de section
Un attribut data-theme sur n'importe quel élément redéfinit fond, texte, accent et focus pour tout ce qu'il contient. Aucune version n'a besoin de recoder ses couleurs.
Sable (bandeaux)
Soin Clairière
Un soin du visage qui commence par regarder votre peau.
1 h 15 · 85 € · Sable, encre, accent terre
Surface secondaire
Demander un rendez-vousSous-bois
Soin Clairière
Un soin du visage qui commence par regarder votre peau.
1 h 15 · 85 € · Sous-bois, lin, accent aube
Surface secondaire
Demander un rendez-vousNuit (Immersif)
Soin Clairière
Un soin du visage qui commence par regarder votre peau.
1 h 15 · 85 € · Nuit, lin, accent aube vive
Surface secondaire
Demander un rendez-vousEspacement et motif de l'arc
Base de 4 px ; marges latérales et hauteur de section fluides ; l'arc est le motif signature commun aux trois versions.
space-1space-2space-3space-4space-6space-8space-12space-16space-24Emplacements d'images maîtresses
Chaque emplacement affiche l'état réel de son image : photographie finale si son identifiant figure dans la liste des images définitives, sinon un visuel de repli étiqueté. Le manifeste (assets.ts) décrit sujet, lumière, recadrages et prompt de chaque image.
o-01 · La lisière3:2 · image finale
o-02 · Cabine4:5 · image finale
o-03 · Nature morte1:1 · image finale
o-04 · Gestes4:5 · image finale
o-05 · Eau3:2 · image finale
o-06 · Végétal4:5 · image finale
o-07 · Façade3:2 · image finale
o-08 · Accueil3:2 · image finale
Mouvement
Le contenu n'est jamais masqué durablement : mouvement réduit (système ou commutateur) = tout est visible immédiatement ; sans JavaScript, tout est visible.
Mode appliqué : full
Élément révélé n° 1
Élément révélé n° 2
Élément révélé n° 3