ImmoRankBETA

Design System

Precision Brutalism

01

Couleurs

Ink

#09090b

ink

Ink Soft

#18181b

ink-soft

Ink Muted

#3f3f46

ink-muted

Paper

#fafafa

paper

Paper Soft

#f4f4f5

paper-soft

Accent

#2563eb

accent

Accent Hover

#1d4ed8

accent-hover

Score High (70-100)

#10b981

score-high

Score Mid (40-69)

#f59e0b

score-mid

Score Low (0-39)

#f43f5e

score-low

02

Typographie

Display / H1

Score Paris 15e : 74/100

Display / H2

Prix médian au m²

Display / H3

Analyse DPE commune

Body — Large

Bordeaux obtient un score Immo Score de 82/100, soit le 3e meilleur score de Gironde.

Body — Default

Le score est calculé à partir de 6 sources open data : DVF, DPE ADEME, BPE INSEE, Géorisques, taxe foncière et démographie INSEE.

Body — Small

Données mises à jour en janvier 2026. Sources : DVF, ADEME, INSEE.

Mono — Data

3 842 €/m² · +4.2% · 2 847 transactions

Mono — Label

TAXE FONCIÈRE — 2025

Headings: Space Grotesk (font-display)·Body: Inter (font-sans)·Data: System Mono (font-mono)
03

Score Badges

84

/100

Annecy

67

/100

Rennes

31

/100

Denain

70-100 — Attractif40-69 — Moyen0-39 — Faible
04

Espacement (px)

4
16px
8
32px
12
48px
16
64px
20
80px
24
96px
32
128px
40
160px
48
192px
64
256px
05

Composants UI

Boutons

Carte commune

82/100

Bordeaux

33 — Gironde

4 210 €/m²

Section données

Prix immobilier DVF

3 842 €

par m²

Prix médian

2 847

en 2024

Transactions

+4.2 %

vs 2023

Tendance

Source badge

SOURCEDemandes de Valeurs Foncières (DVF) — data.gouv.fr
06

Principes Precision Brutalism

Bordures 2px

Contours nets, pas d'ombre portée. border-2 border-ink partout.

Typographie contrastée

font-display pour les chiffres, font-mono pour les données. Jamais de texte < 10px.

Données d'abord

Les chiffres sont grands, en gras, en tabular-nums. L'ornement vient après.

Zéro coins arrondis

Pas de rounded-* sauf exception explicite. Angles droits = précision.

Grille stricte

Grid CSS ou Flexbox aligné. Pas de positionnement absolu pour le layout.

Couleur fonctionnelle

La couleur encode l'information (score, état). Jamais décorative.