Vai al contenuto

Identità visiva

Il marchio M&I

Una «m» a due archi la cui terza gamba diventa una «i». Qui trovi logo, colori, caratteri e i file da scaricare per usarli bene.

Una grigliaprecisa

La «m» è costruita su una griglia geometrica: fusti della stessa larghezza, archi ellittici, stacchi misurati. La terza gamba diventa una «i» e il puntino sporge appena sopra gli archi.

Navy per la struttura, teal per la «i», verde per il puntino. La scritta è Open Sans Bold, già convertita in tracciati nei file del logo.

Larghezza dei fusti
52
Stacco fra «m» e «i»
8
Raggio del puntino
21,5
Riquadro del simbolo
237 × 185

Misure in unità della griglia: valgono a qualunque dimensione.

Le versioni

Intorno al logo lascia sempre libero uno spazio pari al diametro del puntino. Sotto i 140 px di larghezza usa il simbolo da solo.

I colori

Tre colori, pochi e forti. Circa il 70% di una pagina resta neutro, il 20% è navy, il resto teal e verde. Clicca un valore per copiarlo.

  • Navy

    La «m» e la struttura.

    HEX
    RGB
    CMYK
  • Teal

    La «i»: il colore firma di M&I.

    HEX
    RGB
    CMYK
  • Verde

    Il puntino, la «&» e la barra.

    HEX
    RGB
    CMYK

Il valore CMYK del teal va confermato con una prova di stampa.

I caratteri

Titoli e testi

Aa

Plus Jakarta Sans

Curve tonde come gli archi del simbolo e cifre della stessa larghezza, per le tabelle dei gestionali.

Codici e dati

0a

JetBrains Mono

Per ciò che si legge carattere per carattere: numeri di pratica, codici, versioni.

Solo nel logo

Aa

Open Sans Bold

È la scritta del logo, già in tracciati. Non si usa per scrivere altro.

Arco, barra, puntino

  • L'arco

    Gli archi del simbolo diventano il riquadro delle immagini del sito: due angoli superiori arrotondati.

  • La barra

    La barra verde sotto il logo apre le sezioni. Sei pixel, larga 56, una per blocco.

  • Il puntino

    Il puntino della «i» segna gli stati, la voce di menu attiva e il caricamento.

Da scaricare

I file del marchio

Per giornalisti, fornitori, tipografie e partner. Il manuale spiega come usare il logo e cosa evitare.