Analyse du design system

publicrecords.nyc

publicrecords.nyc is built on a soft, near-white canvas (rgb(237, 237, 237)). Crisp CTAs (3px radius) reinforce a precise, technical aesthetic alongside Univers LT Pro 55 as the primary typeface. Univers LT Pro 55 is paired with Univers LT Pro 45 for secondary roles. Depth comes from borders and surface contrast rather than shadows — a flat, structural elevation model. Interactions are smoothed by transitions across many elements, with little or no keyframe animation.

Accent #0066ff · police principale Univers LT Pro 55

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://publicrecords.nyc/ ·extrait le 2026-07-19 ·scorer v2 ·moteur getComputedStyle

Desktop · source de vérité

Mobile

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

4 couleurs mesurées · clique une pastille pour copier

Canvas

#ededed

AAA 16.13:1

Ink

#111111

AAA 16.13:1

Accent

#0066ff

AA·lg 4.13:1

Line

#cccccc

Fail 1.37: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

4 rôles · rendu live dans la vraie Univers LT Pro 55 (woff2 capturé) · lignes éditables, clique une spec pour copier

display xl

display-xl36px · 700

headline

headline18px · 400 · ×2.00

body

body10px · 400 · ×1.80

button

button21px · 400 · ×0.48

Espacements & arrondis, rendus spatiaux

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

Échelle d’espacement

xxs · 2px

xs · 4px

sm · 6px

md · 10px

base · 20px

lg · 24px

xl · 32px

2xl · 48px

3xl · 64px

Arrondis

none
0px

xs
3px

sm
8px

md
14px

lg
20px

xl
32px

full
9999px

Motion — courbes, transitions & keyframes réels

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

Courbes & transitions

transition-1cubic-bezier(0.65, 0, 0.35, 1)

transition-4cubic-bezier(0.77, 0, 0.175, 1)

4 animations keyframes extraites

eye-blink-2

eye-blink

highlightEvent

Composants — le vocabulaire fermé

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

Composant	Variantes
nav Links	×5
links	×5
accordion	×3
heading H5	×2
buttons	×1
heading H4	×1
tooltip	×1
date Picker	×1
reservation Card	×1

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

Buttons

Ghost

Background: transparent
Text: #000000
Padding: 13px 12px 13px 14px
Radius: 3px
Font: 21px weight 400
Use: Subtle action, toolbar, nav button

Navigation

Main Nav

Background: transparent
Padding: 10px 10px 0px
Radius: none
Font: 18px weight 400
Use: Fixed/sticky block nav — N/A items
Hover: textDecoration: underline

Mise en page — structure & dimensions

5 métriques de layout mesurées

max Width800px

header Height110px

sidebar Width0px

gap16px

container Padding0px

Responsive — vrais breakpoints

2 points de rupture lus dans le CSS live

600px

768px

À faire / À éviter

11 règles applicables, verbatim de la spec

À faire

Use Whitesmoke (`#ededed`) as the page background — it's intentionally not pure white

Use Univers LT Pro 55 as the primary typeface — it defines the brand personality

Use small 3px radius for buttons — this design system uses subtle rounding, not pill shapes

Keep navigation fixed to the top — the design uses a persistent navigation pattern

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

Respect the 4px–32px 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

À éviter

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

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

Don't over-round buttons with pill or large radius — the system uses restrained, sharp-ish corners

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

Guide agent & export

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

Construis une UI dans le design system de publicrecords.nyc. Fond #ededed · encre #111111 · accent #0066ff. Typo : Univers LT Pro 55 — 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 publicrecords

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