Lot 1 · Socle technique

Le thème est en place

Cet écran n'est pas la page d'accueil : c'est la preuve que les couleurs, les caractères et le dosage de la charte validée sont bien ceux du site. Il sera remplacé au lot 2, quand les contenus réels et les photographies existeront.

Relevées sur le logo

Trois valeurs, mesurées

Noir#000000Fond — 94 % du logo
Or#C5A04BAccent — 2,95 % du logo
Blanc#FFFFFFTitres — 1,37 % du logo

Dérivées

Le logo ne donne que trois couleurs. Celles-ci sont construites — et signalées comme telles dans la charte. Les trois dernières (succès, erreur, alerte) n'ont aucune source dans le logo et restent à confirmer au premier écran qui les emploie.

#141414Anthracite — cartes
#2A2A2ATrait — bordures
#C9C6C0Texte secondaire
#F7F4EEIvoire — fond clair
#886C2COr lisible sur clair
#4E7A52Succès
#A3423CErreur
#B8803AAlerte

Caractères

Bodoni Moda et Montserrat

Surtitre — Montserrat 600, 12 px, +0,20 emÉpicerie fine · Traiteur

Titre — Bodoni Moda 500, −0,012 emLe pain arrive le matin

Texte courant — Montserrat 300, 17 px, interligne 1,65

Sur fond sombre, un texte trop petit ou trop serré fatigue bien plus vite que sur fond clair. D'où le corps de 17 px et l'interligne généreux : ce ne sont pas des valeurs de confort, ce sont des valeurs de lisibilité.

Bouton — Montserrat 600, 12 px, +0,18 em