Geometria precisaContorno quadrato, smussi e intervalli regolari.
Accento caldoL’arancione occupa una piccola parte dello schermo, solo per l’elemento principale.
Movimento comprensibileUn’azione, una breve modifica.
02
Carattere del marchio
Precisione tecnologica, superfici sobrie e un accento caldo. Di seguito sono descritti principi di stile osservabili, non un’interpretazione del simbolo.
GeometriaUn contorno quadrato con angoli arrotondati: uno spazio e un limite di accesso.
MaterialiGrafite opaca e un solo bordo ambrato.
Un’unica reteTesto esplicativo sobrio
TipografiaUna parola grande e chiara con una spiegazione sobria.
MovimentoCausa → modifica → risultato.
03
Logo
Composizione attuale del sito: simbolo e scritta NODQ. L’originale vettoriale approvato non è ancora pubblicato, quindi il download del logo non è disponibile.
NODQ
Composizione principale · simbolo + NODQSimbolo · stato come risorsa autonoma non approvatoDimensioni ridotte · 32 / 24 / 16 px — verifica della leggibilità
La scacchiera è solo lo sfondo dell’anteprima. Versioni monocromatiche e favicon non sono mostrati: mancano i file originali.
Area di rispetto
NODQ
Proposta, non uno standard vigente: x = ¼ dell’altezza del simbolo, spazio libero ≥ 1x su tutti i lati.
Dimensione minimaCandidati da verificare: composizione larga almeno 120 px, simbolo da 24 px. Il favicon 16/32/48 px è una risorsa separata e richiede verifica.Proposta · richiede approvazione
Da non fare
NODQ
✕ Non allungare
NODQ
✕ Non ruotare
NODQ
✕ Non cambiare i colori
NODQ
✕ Niente ombre estranee
L’oggetto tridimensionale della pagina iniziale è una risorsa decorativa; dove serve un simbolo riproducibile viene usato il logo piatto.
04
Colori
I valori coincidono con i token del sito e i file nodq-tokens.css / .json.
Arancione NODQAccento principale e CTA#F7931A · RGB 247, 147, 26
InkTesto scuro e scritta sull’arancione#121613 · RGB 18, 22, 19
CTA al passaggio del puntatore#FFAA33
CTA premuto#E3810C
Riflesso (grafica)#FFBD59
Faccia in ombra (grafica)#D96800
Testo secondario · tema scuro#B6BCB7
Testo secondario · tema chiaro#59625B
Link · tema chiaro#9A4A00
Successo#8DD6AB / #166B40
Avviso#FFD08A / #875000
Errore#FF9B92 / #B7342A
Accento / selezionato✓ Successo! Avviso✕ ErroreTesto principale · secondario · linkFocus della tastiera
Contrasto delle coppie: #121613 su #F7931A ≈ 7,95:1 · #F5F4F0 su #0A0C0B ≈ 17,8:1 · #9A4A00 su #F5F4F0 ≈ 5,7:1. Non viene usato testo bianco piccolo sull’arancione. I valori CMYK/Pantone non sono pubblicati.
05
Tipografia
Onest 400/500/600/700 e JetBrains Mono per indirizzi e firme. I valori corrispondono agli stili effettivi del sito.
Aa Bb 0123Onest · 400 / 500 / 600 / 700 · cirillico e latinoNormaleMedioSemigrassettoGrassetto
Non mescolare insiemi lineari, pieni e tridimensionali.
Spazio
Agente
Facoltà
Regolamento
09
Movimento
Un esempio alla volta. Curva cubic-bezier(0.2, 0.8, 0.2, 1). Se il sistema richiede la riduzione del movimento, viene mostrato il fotogramma finale.
Pulsante / scheda180 ms · passaggio del puntatore, selezione
Cambio di stato350 ms · nuovo stato
Percorso del marchio1000 ms · un’azione
Niente identità arcobaleno, cursore personalizzato, controllo forzato dello scorrimento, titoli digitati lettera per lettera o animazioni di importi casuali.