SPS · Styleguide

Bibliothèque de composants

Validation visuelle de tous les composants du design system (CLAUDE.md §11.6) contre les jetons de couleur, de typographie et d'espacement déclarés en src/styles/global.css.

Jetons de couleur

Bleus

  • --sps-abyss
  • --sps-navy
  • --sps-blue
  • --sps-blue-600
  • --sps-blue-300

Acier

  • --steel-000
  • --steel-050
  • --steel-100
  • --steel-200
  • --steel-400
  • --steel-600
  • --steel-900

Cuivre

  • --copper
  • --copper-600
  • --copper-100

États

  • --ok
  • --warn
  • --alert

Échelle typographique

--fs-3xl · 61 px

Plus c'est rare, plus ça nous intéresse

--fs-2xl · 49 px

Plus c'est rare, plus ça nous intéresse

--fs-xl · 39 px

Plus c'est rare, plus ça nous intéresse

--fs-lg · 31 px

Plus c'est rare, plus ça nous intéresse

--fs-md · 25 px

Plus c'est rare, plus ça nous intéresse

--fs-base · 18 px

Plus c'est rare, plus ça nous intéresse

--fs-sm · 16 px

Plus c'est rare, plus ça nous intéresse

--fs-xs · 14 px

Plus c'est rare, plus ça nous intéresse

Boutons

Bouton primaire Bouton secondaire Bouton texte →

Fil d'Ariane

Carte

Cliquable

Tube sans soudure

Filet 1px, survol en bleu, pas d'élévation.

Non cliquable

Fond steel-000

Padding 32px sur les quatre côtés.

Carte nuance

1.4307

Inox 304L

PREN 18–20

1.4462

Duplex 2205

PREN 34–36

2.4856

Alliage 625

PREN 50–54

CW352H

Cupronickel 90/10

Tableau

Dimensions ASME B36.19M — extrait DN6 à DN200
NPS DN Ø ext (mm) Sch 10S (mm) Sch 40S (mm)
1/8 6 10.3 1.24 1.73
1/4 8 13.7 1.65 2.24
3/8 10 17.1 1.65 2.31
1/2 15 21.3 2.11 2.77
3/4 20 26.7 2.11 2.87
1 25 33.4 2.77 3.38
1 1/4 32 42.2 2.77 3.56
1 1/2 40 48.3 2.77 3.68

Encadrés « L'essentiel » et « Limites »

Bandeau de fraîcheur

MIS À JOUR LE 10.08.2026 · VÉRIFIÉ CONTRE LE RÈGLEMENT (UE) 2026/1384

Champ de formulaire

Décrivez votre besoin en quelques lignes.

Bloc auteur

Bruno Lorthioir

Gérant — Special Piping Services

10.08.2026

Pastille

304L 316L 316Ti + autres nuances À VENIR

TubeSection

Élément signature du site (CLAUDE.md §5, §11.5). À gauche : usage statique « miroir », comme sur une fiche nuance ou dans le calculateur de poids — aucun JavaScript n'est chargé. À droite : usage interactif, avec curseur DN et sélecteurs de schedule, comme au héros de l'accueil.

Statique — fiche nuance (DN25, Sch 80S, 316L)

DN 25 (1") · 80S · Ø 33,4 × 4,55 mm

Ø 33,4ID 24,3t 4,55

ÉCHELLE 2,1:1

Ø int
24,3 mm
Poids linéique (316L)
3,29 kg/m

Interactif — héros / outil

DN 200 (8") · 10S · Ø 219,1 × 3,76 mm

Ø 219,1ID 211,58t 3,76

ÉCHELLE 1:3,1

Ø int
211,58 mm
Poids linéique (Duplex 2205)
19,84 kg/m

SÉRIE S — ASME B36.19M (INOX)

SÉRIE LOURDE — ASME B36.10M

Ouvrir le calculateur complet →