Système typographique

Trois directions de typo, côte à côte.

Neo Sans actuel évoque les tubes et la précision mécanique — c'est ton métier. Voici deux directions qui restent dans cette famille (geometric sans, monoline), pour gagner en présence sans perdre l'ADN tube/inox. Body et nav suivent la même fonte sur chaque proposition.

Référence

Actuel · Neo Sans

Une seule famille, semi-bold sur titres. Lisible, fonctionnel. Manque de profondeur éditoriale.

H1 · 3.4rem

Building a better driving experience

H2 · 2.4rem

Trois voix, une signature.

H3 · 1.65rem

Fait à la main, en France.

Kicker

Notre gamme

Lede · 1.15rem

Selon votre voiture, votre usage, votre humeur — la voix que Scart compose pour vous.

Body · 0.95rem

Inox 304L, cintré et soudé TIG à la main par nos compagnons à Goussainville. Garantie dix ans.

Proposition A · Tube

Outfit

Sans geometric monoline (Google, gratuit). Caractères ronds, presque tirés au tube. Très proche du Neo Sans actuel mais plus contemporain et plus moelleux sur les jambages.

H1 · 3.4rem · 500

Building a better driving experience

H2 · 2.4rem · 500

Trois voix, une signature.

H3 · 1.65rem · 600

Fait à la main, en France.

Kicker

Notre gamme

Lede · 1.15rem

Selon votre voiture, votre usage, votre humeur — la voix que Scart compose pour vous.

Body · 0.95rem

Inox 304L, cintré et soudé TIG à la main par nos compagnons à Goussainville. Garantie dix ans.

Proposition B · Atelier

Space Grotesk

Sans engineering precision (Google, gratuit). Plus de personnalité que Neo Sans, terminaisons coupées net — évoque le tube tronçonné et la précision atelier mécanique.

H1 · 3.4rem · 500

Building a better driving experience

H2 · 2.4rem · 500

Trois voix, une signature.

H3 · 1.65rem · 600

Fait à la main, en France.

Kicker

Notre gamme

Lede · 1.15rem

Selon votre voiture, votre usage, votre humeur — la voix que Scart compose pour vous.

Body · 0.95rem

Inox 304L, cintré et soudé TIG à la main par nos compagnons à Goussainville. Garantie dix ans.

Application concrète — 3 contextes du site

Hero homepage, ouverture de section éditoriale, card produit collection. Comparées dans les trois variantes pour voir comment le serif modifie la lecture.

Actuel · Neo Sans

Hero homepage

Notre signature

Building a better driving experience

Échappements sport accordés à la main par nos compagnons français.

Ouverture de section

Notre gamme

Trois voix, une signature.

Selon votre voiture, votre usage, votre humeur — la voix que Scart compose pour vous.

Card produit collection

Riva

Échappement super sound type Riva

Porsche 911 (3.2L)

2 380 €

A · Outfit

Hero homepage

Notre signature

Building a better driving experience

Échappements sport accordés à la main par nos compagnons français.

Ouverture de section

Notre gamme

Trois voix, une signature.

Selon votre voiture, votre usage, votre humeur — la voix que Scart compose pour vous.

Card produit collection

Riva

Échappement super sound type Riva

Porsche 911 (3.2L)

2 380 €

B · Space Grotesk

Hero homepage

Notre signature

Building a better driving experience

Échappements sport accordés à la main par nos compagnons français.

Ouverture de section

Notre gamme

Trois voix, une signature.

Selon votre voiture, votre usage, votre humeur — la voix que Scart compose pour vous.

Card produit collection

Riva

Échappement super sound type Riva

Porsche 911 (3.2L)

2 380 €

Accent rouge · 14 usages possibles

L'accent rouge (#c41e3a) reste micro et tactique — il marque la précision, jamais la décoration. Aucun bouton primaire en rouge, aucun gros aplat. Chaque usage ci-dessous a un rôle sémantique (signaler, séparer, marquer la position).

01 · Signalétique

Kicker hairline

Notre gamme

Hairline 1px 0.9rem avant le kicker. Marque l'ouverture d'une section.

02 · Liste

Bullet dot

Garantie dix ans

Inox 304L soudé TIG

Fabrication française

Trust signals listés sous la fiche produit.

03 · Texte

Inline link rouge

Soudé à la main à Goussainville · en savoir plus

Liens texte dans body — souligné rouge 1px.

04 · Numérotation

Numéros séquence

01 02 03

Sections numérotées (process, étapes configurateur).

05 · Badge

Best Seller tag

BEST SELLER

Tag plein sur cards produits (3 ACTIVE actuels).

06 · Compteur

Cart count bubble

Panier 2

Pastille rouge sur l'icône panier (compteur).

07 · Stock

Indicateur stock bas

Plus que 2 en stock

Urgence légère sans crier (pas de "VITE !"). PDP only.

08 · Citation

Pull quote · barre latérale

Un échappement Scart se ressent autant qu'il s'entend.

Martin Scart

Citation atelier / artisan en éditorial Notre Histoire.

09 · Progression

Barre progress

Étape 2 / 5

Configurateur, checkout, formulaires multi-étapes.

10 · Form

Champ focus rouge

Focus state (au lieu du bleu navigateur natif).

11 · Audio

Audio playing indicator

▶

Sport · Porsche 911 (993)

Bouton play + ligne progress des players audio gamme.

12 · Hover state

Card image overlay

911 Type G

Trait rouge bas qui se déploie au hover sur les cards.

13 · Anchor

Section divider numéroté

— III Notre atelier

Divider rouge avec numéro romain — éditorial Notre Histoire.

14 · Nav

Header underline rouge (alt)

Accueil La Gamme

Alternative au hairline noir actuel — trait rouge sous l'actif.

Recommandation. Outfit est l'évolution la plus douce de Neo Sans — plus rond, plus moelleux, garde l'ADN tube. Space Grotesk assume davantage la précision atelier — terminaisons coupées net, plus de personnalité, lit "engineering". Pour l'accent rouge, je recommande de démarrer par les 4 usages les plus tactiques (01 kicker, 06 cart bubble, 09 progress configurateur, 11 audio playing) — discret, sémantique, immédiatement utile. Les autres viendront naturellement.