TECNAG Brand Book
Alberatura
{{ conteggio }}
Ricerca
v {{ versione }}TECNAG Brand Book

TECNAG Brand Book

TECNAG progetta, installa e manutiene impianti elettrici per l'industria e il terziario dal 2008, in Brianza. Il suo brand nasce dal quadro elettrico: moduli in fila su una guida, conduttori che piegano a 90°, targhette e la sbarra da cui parte la corrente.

Prova a cambiare la luce: il libro si ridipinge con i colori del sistema.
L'oggetto di marca · il circuito, da giocare
01

Marchio

Il nome, il logotipo, come si usa

Il marchio è un logotipo: «Tecn» in magenta, «AG» in rosso-arancio con la sbarra sotto, e il sottotitolo «Impianti elettrici». Il capitolo dice come è fatto, in quali versioni esiste, quanto spazio vuole e dove si scarica.

TecnAG Impianti elettrici
  1. {{ s.n }}{{ s.t }}{{ s.d }}

1.1 · Anatomia del marchio

1.1.1 · Come è composto

Tre parti, sempre nello stesso ordine: «Tecn» minuscolo in magenta, «AG» maiuscolo in neretto rosso-arancio, e sotto «AG» la sbarra, della stessa larghezza delle due lettere. Il sottotitolo «Impianti elettrici» corre sotto, a tutta larghezza, in grigio.

1.1.2 · Le particolarità

La sbarra è l'unico elemento che non è una lettera ed è diventata la firma del brand (3.1). Il marchio è disegnato in tracciati: non si riscrive con un carattere, nemmeno con Archivo. I due rossi non si scambiano mai.

1.2 · Varianti d'uso

Sette versioni, ognuna per una situazione reale.

1.2.{{ v.i }} · {{ v.cod }}{{ v.t }}{{ v.d }}

1.3 · Area di rispetto e misure minime

1.3.1 · Due moduli per lato

Il modulo è l'altezza della sbarra, il 3,5% della larghezza del marchio. Attorno al marchio restano liberi due moduli per lato: nessun testo, bordo o immagine entra in quest'area.

Misura minimaSchermoStampaRicamo
Con sottotitolo140 px35 mm80 mm
Senza sottotitolo64 px16 mm40 mm
1.3.2 · Usi erratiOtto errori da non fare, riprodotti appostaDeformarlo, scambiare i rossi, ruotarlo, metterci un'ombra, usarlo a colori su un fondo rosso, riscriverlo, spostare il sottotitolo, sbiadirlo.
Vedi gli usi errati · 01.A

1.4 · Download degli asset

SVG per la stampa e il ricamo, PNG e WebP per lo schermo. Il primo asset segue la luce scelta.

{{ a.t }}
Tutti gli asset del marchioDodici composizioni, in tre formati.
Scaricali · 01.B
02

Identità Visiva

Due rossi, tre caratteri

Due colori in parti uguali e tre caratteri, ognuno con un compito. Il bianco è il fondo e il carbone è il testo: non fanno parte della palette, la lasciano lavorare.

  1. 2.1 La palette bicromatica 50/50
  2. 2.2 Tipografia Archivo e IBM Plex Mono

2.1 · La palette

2.1.1 · Bicromatica, cinquanta e cinquanta

Magenta · 50%#D60258
Rosso-arancio · 50%#FD3C0F

Sono i due rossi del marchio, a pari peso. Il magenta è l'identità e la struttura: intestazioni, barre, fasce, fondi pieni con il testo bianco. Il rosso-arancio è l'azione e l'energia: il comando principale col testo scuro, gli stati, la sbarra. Affiancati si somigliano troppo per distinguere un'informazione, quindi non si usano mai l'uno contro l'altro per dire due cose diverse.

2.1.2 · I quattro slot

Slot 1
Struttura
Slot 2
Azione
Slot 3 · fuori palette
Fondo
Slot 4 · fuori palette
Testo
Clicca qui per ulteriore materiale · 02.A I colori, letti dalla pagina

2.2 · Tipografia

AaArchivo Expanded ExtraBoldI titoli. Largo e pieno, come le lettere stampigliate su una targa.
AaArchivoIl testo e l'interfaccia, dal paragrafo al campo del rapporto.
AaIBM Plex MonoI codici, le targhette, i numeri dei rapporti.
Titolo 56Titolo 38Sottotitolo 22Il testo corrente è a 16 px con interlinea 1,55, e non supera i 68 caratteri per riga.Codice 12 · RAP 128/26

2.2.2 · Contrasto e leggibilità

Il contrasto più basso del sistema per il testo normale è 4,57: il testo scuro sul rosso-arancio del comando principale. Il bianco sul rosso-arancio arriva a 3,60 e si usa solo in grande.

03

Elementi di Design

Il quadro elettrico, smontato

Un elemento di design TECNAG viene dal quadro elettrico e ha una funzione anche lì: identifica, collega, separa, avverte. Tutti sono piatti, con angoli vivi, nei due rossi e nel carbone.

  1. {{ s.n }}{{ s.t }}

3.1 · Brand Signature: la sbarra

La barra sotto «AG» è la sbarra di distribuzione del quadro, da cui parte la corrente. È la firma del brand: apre i titoli, chiude i blocchi, si riempie nelle barre d'avanzamento. In una schermata ne domina una sola.

Clicca qui per ulteriore materiale · 03.A
Un titolo

3.2 · Gli elementi di design

3.2.1
Griglia a moduli
Per gli elenchi di cose dello stesso tipo.
QG-01Quadro generale
3.2.2
Targhette e codici
Per identificare pagine, rapporti, errori.
3.2.3
Cablaggio
Linee dritte, pieghe a 90°.
3.2.4
Tratteggio di sicurezza
Solo per ciò che non si annulla.
Clicca qui per ulteriore materiale · 03.B

3.3 · Le immagini del brand

3.3.1 · La linea. Grafiche, mai fotografie: schemi semplificati del mestiere, su fondo bianco, nei due rossi, con molto spazio vuoto. Sei immagini, una per ogni ambito di lavoro.

3.3.{{ i.n }} {{ i.t }}
Formati: PNG e JPG, alla misura in cui sono state prodotte (circa 1500 px di lato lungo). Tutte le immagini · 03.C

3.4 · Elementi speciali: il circuito

3.4.1 · Un gioco: ruota le tessere finché ogni lampadina riceve corrente dalla sbarra. Il conduttore è magenta da spento, rosso-arancio quando porta corrente. Vive nell'apertura della homepage, al posto dei moduli dei servizi.

Clicca qui per ulteriore materiale · 03.D
04

Componenti Software (UX)

Angoli vivi, nessuna ombra morbida

Il brand ha un carattere netto, quindi i componenti non sono smussati: angoli vivi, bordi pieni, le sovrapposizioni staccate da un'ombra netta. Il comando principale è rosso-arancio col testo scuro, la struttura è magenta col testo bianco.

Tutti i componenti, coi loro stati, sul computer e sul telefono.04.A · Il design che si adatta

{{ c.n }} · {{ c.t }}

{{ c.d }}

05

Layout Applicativi (UI)

Il sito, l'app dei tecnici, il backoffice

Ogni contenuto d'uso generico ha almeno due varianti, a linguetta: la prima è quella che si vede aprendo la pagina. Accanto al computer c'è sempre il telefono. Tutte le varianti sono utilizzabili.

Le pagine in scala 1:1, le aperture, lo splash.05.A05.B05.C05.D05.E
  1. {{ s.n }} {{ s.t }}

{{ s.n }} · {{ s.t }}

Personalizzato

{{ s.d }}

{{ a.n }} {{ a.t }}
06

Documenti e Fincati

Sulla carta, ri-basati sul bianco

I documenti che escono davvero da TECNAG: la carta intestata, il rapporto d'intervento firmato dal cliente, la busta, l'etichetta che resta attaccata al quadro, la firma delle email. Sulla carta il fondo è sempre bianco, in qualunque luce si guardi il libro.

Tutti i documenti in scala 1:1, col configuratore della firma.06.A

{{ s.n }} · {{ s.t }}

{{ s.d }}

EXTRA

Utilizzo del Brand

Il brand fuori dallo schermo

Oggi il brand esce dallo schermo su due materiali: la carta dei documenti e il ricamo della divisa dei tecnici.

EXTRA.1 · Colori in stampa

ColoreHexCMYKTinta piatta
Magenta#D602580 99 59 16dal campione approvato
Rosso-arancio#FD3C0F0 76 94 1dal campione approvato
Carbone, testo#221E200 12 6 87—
  • Profilo di conversione Coated FOGRA39; copertura massima 300%.
  • Il testo è carbone, mai il nero in quadricromia; i fondi pieni non si usano sulla carta.
  • Abbondanza di 3 mm, file in PDF/X-4 con il marchio vettoriale.
  • Misure minime del marchio: 35 mm con sottotitolo, 16 mm senza.
  • Limite: i due rossi in quadricromia perdono saturazione; per buste e carta intestata in grandi tirature si passa alla tinta piatta, scelta su un campione stampato.

Non usato da TECNAG. Il brand non si stampa su tessuto: la divisa dei tecnici è ricamata (EXTRA.1.3). Nessuna ricetta, finché un uso vero non la chiede: si scrive con l'utente, sui campioni del fornitore.

  • Ricamo a tre fili: magenta, rosso-arancio e grigio per il sottotitolo; su antracite il marchio è la versione scura (V-03).
  • A un filo si usa il marchio magenta (V-07).
  • Misure minime: 80 mm con sottotitolo, 40 mm senza. Sotto i 40 mm la sbarra non si legge.
  • Limite: i fili non hanno un codice hex. Il fornitore propone i due fili più vicini sul campione ricamato, che si approva e si archivia con data e codici del filo.

Non usato da TECNAG. Il brand non si applica su vetro. Nessuna ricetta, finché un uso vero non la chiede: si scrive con l'utente, sui campioni del fornitore.

Il legno a marcatura a fuoco non c'è.

EXTRA.2 · Show case: la divisa dei tecnici

Antracite, col marchio ricamato. È la cosa che il cliente vede per prima, quando apre la porta al tecnico.

EXTRA.3 · Utilizzi del brand

{{ u.n }}{{ u.t }}{{ u.d }}