Brand Book

Nuovo Uso è il portale che rimette in circolo il materiale elettrico fermo nei magazzini. Installatori e aziende cercano il pezzo per EAN o per nome, vedono quanti ne restano e in che stato sono, e lo aggiungono a un preventivo che segue una persona del nostro ufficio.

Il Brand Book mostra un'implementazione del design del brand su un prodotto digitale. I colori, le misure e le componenti che vedete implementate qui sono le stesse usate in tutti gli applicativi software che vengono sviluppati per il vostro brand.

PALETTE

{{ c.n }} · {{ c.peso }}
{{ c.hex }}

TIPOGRAFIA

INDICATORI

{{ i.v }}{{ i.d }}

CAPITOLO 01 · MARCHIO

Tre tasselli e un nome a mascherina

RENDERE IMPOSSIBILE SBAGLIARE IL MARCHIO

Il marchio di Nuovo Uso è uno scaffale ridotto all'osso: due pezzi fermi in contorno e, fra loro, il pezzo che torna in uso. Questo capitolo dice com'è costruito, in quali situazioni si usa, quanto spazio vuole attorno e quanto piccolo può diventare, e dove si scaricano i file.

1.1 · ANATOMIA DEL MARCHIO

Il marchio è un simbolo e una scritta, sempre insieme tranne dove lo spazio non basta. Tutte le misure si danno in u, la larghezza di un tassello: la geometria si ricostruisce identica a qualsiasi scala.

1.1.1 · COME È COMPOSTO IL MARCHIO

Tasselli laterali 1 u × 1 u, contorno 0,14 u

Tassello centrale 1 u × 1,5 u, pieno arancio

Passo 0,18 u tra i tasselli · 0,5 u fino alla scritta

Scritta Stardos Stencil 700, maiuscole alte 1,5 u, base allineata ai tasselli

1.1.2 · LE PARTICOLARITÀ E LO STATO DI REGISTRAZIONE

Il tassello centrale è l'unico pieno e l'unico più alto: è il pezzo preso dallo scaffale. Non cambia mai posizione e in monocromia resta pieno, così il significato regge anche senza colore.

La scritta è uno stencil a grazie, come le marcature dipinte a mascherina su casse e colli. I ponti delle lettere fanno parte del disegno e non si chiudono.

Stato di registrazione. Alla versione 0.1.0 il marchio non risulta depositato. Va depositato come marchio figurativo (simbolo e scritta) presso UIBM o EUIPO prima dell'uso pubblico, con questa geometria e questi colori.

1.2 · VARIANTI D'USO

Quattro situazioni reali, quelle in cui il marchio compare davvero. In ognuna cambiano solo i colori del tratto e del tassello; la forma resta la stessa.

{{ s.num }} · {{ s.tit }}

1.3 · AREA DI RISPETTO E MISURE MINIME

Attorno al marchio resta libero almeno un tassello per lato. Sotto le misure minime il marchio completo non si legge più: si passa al solo simbolo.

1.3.1 · AREA DI RISPETTO E MISURE MINIME

Area di rispetto 1 u su ogni lato

Marchio completo minimo u = 10 px (circa 150 px di larghezza) · in stampa 25 mm

Solo simbolo minimo u = 6 px (circa 20 px) · in stampa 6 mm · sotto u = 24 px il contorno sale a 0,2 u

1.3.2 · USI ERRATI

Le alterazioni da evitare non stanno in pagina: si consultano nell'approfondimento.

USI ERRATIUsi errati del marchio

1.4 · DOWNLOAD DEGLI ASSET

I file del marchio in tutte le varianti, pronti per il web e per la stampa.

APPROFONDIMENTOAsset del brand

CAPITOLO 02 · IDENTITÀ VISIVA

Arancio, blu e giallo

GLI ELEMENTI FONDAMENTALI DEL DESIGN

Tre colori di marca con pesi fissi e quattro caratteri con un ruolo ciascuno. Da qui vengono tutti i colori e le misure del portale, in luce chiara e in luce scura.

2.1 · LA PALETTE

Schema, pesi e concept sono un contratto: ogni schermata li rispetta. I valori dei token sono nell'approfondimento.

2.1.1 · PALETTE UFFICIALE CON SCHEMA, PESI DI DOMINANZA E CONCEPT

TRIADICA · 45 / 30 / 25

{{ p.w }}%

{{ c.n }} {{ c.tok }} {{ c.hex }} {{ c.peso }}

L'arancio è la luce che torna sui pezzi: header e superfici di marca. Il blu è l'ufficio che segue la richiesta: azioni, link, filtri attivi. Il giallo è l'etichetta dello scaffale: i pezzi disponibili.

2.1.2 · L'USO DEI QUATTRO SLOT DI COLORE

{{ s.n }} {{ s.tok }}
{{ s.uso }}

APPROFONDIMENTOToken della palette

2.2 · TIPOGRAFIA

Quattro caratteri, tutti a licenza libera: uno solo per il marchio, uno per i titoli, uno per il testo e i controlli, uno per codici e quantità.

2.2.1 · FAMIGLIE, RUOLI, SCALA, INTERLINEA E MISURA

{{ f.ruolo }} {{ f.c }} {{ f.nome }}
{{ f.pesi }}

MISURA MASSIMA · 68 CARATTERI

Ogni riga di testo corrente si ferma a 68 caratteri, spazi compresi: oltre, l'occhio fatica a tornare all'inizio della riga successiva. Titoli, tabelle e codici non hanno questo limite.

2.2.2 · CONTRASTO E LEGGIBILITÀ

{{ cChiara }}peggiore in luce chiara

{{ cScura }}peggiore in luce scura

Misurati a ogni apertura dai token di entrambe le luci, qualunque sia quella attiva: ogni inchiostro su ogni fondo. La soglia è 4,5:1 per tutto il testo.

Il giallo non è mai testo: è un fondo, con testo nero sopra.
Sull'arancio pieno il testo è sempre nero; come testo su chiaro si usa l'arancio bruciato.
Gli errori usano il cremisi, mai l'arancio di marca, sempre con un'icona e una frase.

COPPIACHIARASCURA

CAPITOLO 03 · ELEMENTI DI DESIGN

Tutto viene dallo scaffale

IL CATALOGO ESEGUITO, NON DISEGNATO

Un elemento di design di Nuovo Uso è una forma fatta di tasselli: quadrati con il tratto del marchio, vuoti quando il pezzo è fermo, pieni quando torna in uso. Ogni elemento si deriva dalla signature con una regola scritta, usa solo i colori della palette e non porta mai il marchio dentro di sé.

3.1 · BRAND SIGNATURE

Una sola signature domina: lo scaffale. Gli altri elementi ne prendono una parte, mai il tutto.

3.1.1 · L'ELEMENTO ICONICO DEL BRAND: RESA E RACCONTO

Lo scaffale visto di fronte: otto colonne per quattro ripiani di tasselli in contorno, i pezzi fermi in magazzino. Alcuni sono pieni nei tre colori della palette. Ogni due secondi circa un tassello vuoto si accende d'arancio e sale di mezzo passo: è il pezzo che qualcuno ha appena preso.

Regole. Il tratto è lo stesso del marchio. Solo un tassello alla volta è acceso e in movimento. La griglia si taglia per adattarsi al formato, ma non si deforma: i tasselli restano quadrati. Con il movimento ridotto la signature resta ferma.

APPROFONDIMENTOBrand Signature

3.2 · GLI ELEMENTI DI DESIGN

Due elementi, ognuno con la regola che lo ricava dalla signature e il contesto in cui si usa.

3.2.1 · LA FASCIA

Regola un solo ripiano dello scaffale, ripetuto fino al bordo. Ferma, senza tassello acceso.

Contesto d'uso testata di sezione, piè di pagina dei documenti, bordo di slide e cartelli. Su blu o nero con tratto carta, su carta con tratto nero.

3.2.2 · LE TACCHE DI STATO

Regola tre tasselli dello scaffale su un cartellino giallo: pieni quanti sono i gradi di conservazione. Lo stato si legge dal numero di tacche, non dal colore.

Contesto d'uso card prodotto, scheda del pezzo, righe del preventivo. Sempre accompagnate dalla parola dello stato.

APPROFONDIMENTOElementi di design

3.3 · LE IMMAGINI DEL BRAND

Le immagini non mostrano il marchio: hanno soggetti liberi e si riconoscono dalla resa. Chi costruisce una pagina può usarle come contenuto, come segnaposto dove il contenuto vero non c'è ancora, come ripiego dove un'immagine manca e come decorazione. Sono uguali in luce chiara e scura e non si ricolorano.

3.3.1 · CONCEPT: LA LINEA STILISTICA DEL SET

Resa
Fotografia da reportage di magazzino: materiali veri, luce laterale da finestre alte, grana leggera.

Fuoco
Un solo piano a fuoco e lo sfondo vero sfocato. Il fondo non ha piani netti.

Soggetti
Uno per immagine, oggetto o gesto. Persone solo come mani o di spalle.

Parole
Nessuna: niente etichette, loghi, codici o schermi accesi.

Palette delle immagini

neutri caldi e polverosi, una luce arancio-ambra sul soggetto, ombre blu-ardesia

{{ m.num }} · {{ m.titoloU }}{{ m.ruoloU }}

{{ m.file }} · fuoco {{ m.fuoco }}

Sta bene {{ m.si }}

No {{ m.no }}

DOWNLOAD · FORMATO E MISURA

Il ritaglio segue il punto focale di ogni immagine, non il centro. Le sorgenti sono 1680 × 944 px: {{ dlNota }}

APPROFONDIMENTOGalleria immagini del brand

3.4 · SET DI ICONE

Le icone di Nuovo Uso hanno la geometria dei tasselli: griglia di 24, tratto di 2 px, angoli vivi e terminali squadrati, quadrati al posto dei cerchi dove la forma lo permette. Come si comportano dentro i componenti lo dice 4.1.5.

3.4.1 · ICONE BASE

Le icone d'uso generico del portale: navigazione, ricerca, account, avvisi, e le cose del magazzino, dal codice EAN al collo e alla spedizione. Si usano ovunque, sempre accanto a una parola tranne nei controlli universali come cerca, menu e chiudi.

Scarica il set

{{ i.t }} Scarica

Nessuna icona trovata

APPROFONDIMENTOSet di icone completi