Sistema
Colori, tipografia, spaziature
Le regole che stanno attorno al logo. Sobrie, tecniche, coerenti con enricodeleo.com.
Colori
Fai clic su un codice per copiarlo. Il contrasto è calcolato secondo WCAG: per il testo serve almeno 4.5:1.
- Nome
- ink
- Hex
#0F172A- RGB
- 15, 23, 42
- Uso
- Testo principale, sfondi scuri, logo su chiaro
- Contrasto
- 17.9:1 su paper
- Nome
- paper
- Hex
#FFFFFF- RGB
- 255, 255, 255
- Uso
- Sfondo chiaro
- Contrasto
- 17.9:1 su ink
- Nome
- black
- Hex
#000000- RGB
- 0, 0, 0
- Uso
- Stampa monocromatica
- Contrasto
- 21.0:1 su paper
- Nome
- text-on-dark
- Hex
#F8FAFC- RGB
- 248, 250, 252
- Uso
- Testo principale su navy, logo su scuro
- Contrasto
- 17.1:1 su ink
- Nome
- muted-on-dark
- Hex
#94A3B8- RGB
- 148, 163, 184
- Uso
- Testo secondario su navy
- Contrasto
- 7.0:1 su ink
- Nome
- text-on-light
- Hex
#3C4858- RGB
- 60, 72, 88
- Uso
- Testo di lettura su bianco
- Contrasto
- 9.3:1 su paper
- Nome
- muted-on-light
- Hex
#64748B- RGB
- 100, 116, 139
- Uso
- Didascalie e metadati su bianco
- Contrasto
- 4.8:1 su paper
- Nome
- line
- Hex
#C0CCDA- RGB
- 192, 204, 218
- Uso
- Solo bordi e separatori, mai testo
- Contrasto
- 1.6:1 su paper
- Nome
- accent-on-dark
- Hex
#FBBF24- RGB
- 251, 191, 36
- Uso
- Link e dettagli su navy, con parsimonia
- Contrasto
- 10.7:1 su ink
- Nome
- accent-on-light
- Hex
#B45309- RGB
- 180, 83, 9
- Uso
- Link e dettagli su bianco, con parsimonia
- Contrasto
- 5.0:1 su paper
Tipografia
Font di sistema, come il sito: per tutto il testo, solo per etichette, metadati e codice. Titoli a peso 600 con interlinea 1.1, testo a peso 400 con interlinea 1.5.
12 px · Architetture che scalano
14 px · Architetture che scalano
16 px · Architetture che scalano
20 px · Architetture che scalano
24 px · Architetture che scalano
32 px · Architetture che scalano
48 px · Architetture che scalano
64 px · Architetture che scalano
Spaziature
Scala a base 4. Usa solo questi valori per margini e distanze.
Favicon e avatar
Il favicon è il biciclo completo; l’avatar è il logo compatto su navy, con margine sicuro per i ritagli circolari.
