Analyse du design system

lacour-angers.com

lacour-angers.com is built on a pure-white canvas (rgb(255, 255, 255)). The system uses rgb(199, 161, 122) as the singular interactive color. Oswald as the primary typeface. Oswald is paired with ElegantIcons for secondary roles. A restrained elevation system (2 distinct shadows) — shadows reserved for the few elements that must lift off the page. Motion is a first-class concern — 95 keyframe animations plus transition-driven interactions.

Accent #c7a17a · police principale Open Sans

Chaque valeur ci-dessous est vérifiée à la capture. getdesign.md décrit — prismd montre : chaque couleur, police et courbe ici a été lue via getComputedStyle() sur le rendu réel capturé à droite, jamais affirmée à la main.

Rapport DESIGN.md complet · light & dark · fichiers tokens · Paiement non activé — on mesure la demande d’abord.

http://www.lacour-angers.com/ ·extrait le 2026-08-08 ·scorer v2 ·moteur getComputedStyle

Desktop · source de vérité

Mobile

Couleurs — rôles, sémantique & recensement complet

14 couleurs mesurées · clique une pastille pour copier

Canvas

#ffffff

AA 5.74:1

Ink

#666666

AA 5.74:1

Accent

#c7a17a

Fail 2.38:1

Line

#666666

AA 5.74:1

États sémantiques

Aucune couleur d’état sémantique détectée — ce système signale l’état par le poids & le motion, pas la teinte.

14 couleurs extraites du rendu livedéplier

Typographie — l’échelle, dans la vraie police

8 rôles · rendu live dans la vraie Inter (woff2 capturé) · lignes éditables, clique une spec pour copier

display xl

display-xl90px · 700

display lg

display-lg35px · 700 · ×2.57

display md

display-md22px · 700 · ×1.59

headline

headline19px · 700 · ×1.16

body

body14px · 400 · ×1.36

body sm

body-sm15px · 700 · ×0.93

caption

caption16px · 400 · ×0.94

eyebrow

eyebrow18px · 400 · ×0.89

Espacements & arrondis, rendus spatiaux

9 paliers d’espacement · 7 arrondis · barres = largeurs px exactes

Échelle d’espacement

xxs · 2px

xs · 4px

sm · 30px

md · 40px

base · 41px

lg · 43px

xl · 50px

2xl · 56px

3xl · 60px

Arrondis

none
0px

xs
4px

sm
5px

md
16px

lg
20px

xl
32px

full
9999px

Profondeur — l’élévation est extraite, pas inventée

2 ombres mesurées sur la page live · clique une tuile pour copier sa valeur brute

shadow-1

shadow-2

Motion — courbes, transitions & keyframes réels

2 courbes d’easing · 95 keyframes · survole une tuile pour prévisualiser

Courbes & transitions

transition-1ease-out

transition-4cubic-bezier(0.694, 0.0482, 0.335, 1)

95 animations keyframes extraites

fa-spin

spin

blink

rev-ani-mouse

tp-rotateplane

tp-scaleout

tp-bouncedelay

tp-rotate

tp-bounce

rs-revealer-6

rs-revealer-7

rs-revealer-8

Composants — le vocabulaire fermé

9 familles de composants · 21 variantes comptées sur le DOM live

Composant	Variantes
nav Links	×6
links	×6
footer Links	×2
heading H3	×2
badges	×1
heading H2	×1
heading H4	×1
eyebrow Labels	×1
divider	×1

Mise en page — structure & dimensions

5 métriques de layout mesurées

max Width1200px

header Height0px

sidebar Width0px

gap16px

container Padding24px

Responsive — vrais breakpoints

22 points de rupture lus dans le CSS live

320px

480px

600px

680px

767px

768px

769px

860px

991px

992px

1000px

1024px

1025px

1199px

1200px

1280px

1300px

1314px

1400px

1440px

1490px

1650px

À faire / À éviter

13 règles applicables, verbatim de la spec

À faire

Use Open Sans as the primary typeface — it defines the brand personality

Use the extracted shadow patterns for elevation — they are tuned to match the brand palette

Use Honey (`#c7a17a`) as the primary accent — it's the brand's signature interactive color

Maintain nav height at 69px — consistent vertical space for the navigation bar

Respect the 4px–50px spacing range — the design uses a wide scale for visual breathing room

Each card includes a top image — imagery is part of the card identity, not optional

Use a 3-column grid on desktop — density matters for this content type

À éviter

Don't substitute with generic sans-serif or serif — the custom font carries the brand

Don't invent new shadow values — use only the extracted shadow levels

Don't introduce additional saturated accent colors — the palette is intentionally controlled

Don't collapse or hide the nav on scroll without an explicit scroll-triggered animation — the design uses fixed nav presence

Don't make the nav sticky — this design lets it scroll away to maximize content focus

Don't put a CTA button in the nav — this design uses links only at the top

Guide agent & export

Prompt prêt à coller + les vrais fichiers derrière cette page

Construis une UI dans le design system de lacour-angers.com. Fond #ffffff · encre #666666 · accent #c7a17a. Typo : Open Sans — respecte l’échelle taille/graisse du §3. Arrondis, espacements, ombres : uniquement les échelles extraites (aucun nombre magique). La spec complète suit — colle le DESIGN.md ci-dessous dans ton agent.

Chaque valeur ci-dessus est vérifiée par getComputedStyle.

$ npx prism-design add lacour-angers

Repeindre ce design · éditeur live DESIGN.md · narrative spec tokens.json