Analyse du design system

centralrestaurante.com.pe

centralrestaurante.com.pe is built on a soft, near-white canvas (rgb(242, 242, 242)). PP Editorial Sans Ultralight as the primary typeface. PP Editorial Sans Ultralight is paired with PP Editorial Sans Medium Placeholder for secondary roles. Depth comes from borders and surface contrast rather than shadows — a flat, structural elevation model. Motion is minimal — a few targeted transitions, no decorative animation.

Accent #0066ff · police principale PP Editorial Sans Medium

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.

https://centralrestaurante.com.pe/ ·extrait le 2026-07-13 ·scorer v2 ·moteur getComputedStyle

Desktop · source de vérité

Mobile

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

6 couleurs mesurées · clique une pastille pour copier

Canvas

#f2f2f2

AAA 16.87:1

Ink

#111111

AAA 16.87:1

Accent

#0066ff

AA·lg 4.32:1

Line

#767676

AA·lg 4.06: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.

Typographie — l’échelle, dans la vraie police

5 rôles · rendu live dans la vraie PP Editorial Sans Medium (woff2 capturé) · lignes éditables, clique une spec pour copier

display xl

display-xl32px · 400

display lg

display-lg32px · 400 · ×1.00

headline

headline16px · 400 · ×2.00

body

body12px · 400 · ×1.33

body sm

body-sm36px · 400 · ×0.33

Espacements & arrondis, rendus spatiaux

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

Échelle d’espacement

xxs · 2px

xs · 32px

sm · 40px

md · 72px

base · 80px

lg · 88px

xl · 96px

2xl · 104px

3xl · 112px

Arrondis

none
0px

xs
10px

sm
18px

md
26px

lg
34px

xl
42px

full
9999px

Motion — courbes, transitions & keyframes réels

0 courbes d’easing · 1 keyframes · survole une tuile pour prévisualiser

1 animations keyframes extraites

__framer-loading-spin

Composants — le vocabulaire fermé

7 familles de composants · 14 variantes comptées sur le DOM live

Composant	Variantes
links	×6
nav Links	×2
heading H2	×2
inputs	×1
heading H1	×1
heading H5	×1
heading H6	×1

Specs de style des composants (§4)déplier

Navigation

Main Nav

Background: transparent
Padding: 32px
Radius: none
Font: 12px weight 400
Use: Fixed/sticky flex nav — N/A items

Mise en page — structure & dimensions

5 métriques de layout mesurées

max Width1200px

header Height64px

sidebar Width0px

gap16px

container Padding24px

Responsive — vrais breakpoints

3 points de rupture lus dans le CSS live

809px

810px

1199px

À faire / À éviter

10 règles applicables, verbatim de la spec

À faire

Use Off-White (`#f2f2f2`) as the page background — it's intentionally not pure white

The system uses a single text weight (400) — hierarchy comes from size and color, not weight

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

Keep the hero centered and text-driven — no decorative media, typography carries the message

À éviter

Don't use pure white (`#ffffff`) as a page background — the warm tone is part of the brand identity

Don't introduce bolder or lighter weights — 400 is the only weight in this system

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

Don't add hero illustrations or photos — they'll break the typographic restraint

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 centralrestaurante.com.pe. Fond #f2f2f2 · encre #111111 · accent #0066ff. Typo : PP Editorial Sans Medium — 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 centralrestaurante

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