Sistema del Brand v1.0
L'identità alosites
Un marchio geometrico, illuminato da un alone. La a minuscola è il centro di gravità del brand; il punto ciano è l'aura — la luce, il sito, il segnale. Audace, calmo e inconfondibilmente nostro.
01 — Logo
Un sistema, non solo un marchio
Il lockup completo abbina l'icona al wordmark; il piccolo punto ciano lega le due parti. Usa il lockup quando entrambe le parti possono essere riconosciute. Usa solo il marchio quando lo spazio o il contesto richiedono focus.
02 — Costruzione
Disegnato su una griglia 8 × 8
Il marchio è costruito su una griglia geometrica precisa. La a minuscola è un percorso chiuso con un contatore circolare; lo stelo destro si estende sotto la coppa; l'alone ciano si trova un passo fuori, in alto a destra. Attiva la griglia per ispezionare la costruzione.
03 — Colore
Due colori, infinite superfici
L'identità si basa su tre token: inchiostro, carta e un accento saturo. L'accento non decora mai — segnala, evidenzia o invita.
04 — Regole
Da fare e da evitare
Il marchio è preciso. L'incoerenza lo indebolisce. Queste regole mantengono ogni applicazione riconoscibile.
Preserva uno spazio libero pari all'altezza dell'alone ciano su ogni lato del marchio.
Non stirare o deformare. Scala sempre in modo uniforme.
Mantieni l'alone ciano. È il dettaglio più identificativo del brand.
Non ricolorare l'alone o posizionarlo su gradienti off-brand. Resta su inchiostro, carta e ciano.
05 — In contesto
Mockup
Il marchio funziona bene a ogni scala: un favicon da 16 pixel, l'angolo di un biglietto da visita, una foto profilo social.
Favicon · 32px
Niente alone grande a dimensioni ridotte.
Pensato per essere leggibile in una scheda del browser.
Biglietto da visita
Avatar social
Versione invertita per sfondi chiari.
L'alone porta il brand a qualsiasi dimensione.
06 — Uso
Integrazione
Riferisciti direttamente ai file SVG. Sono autocontenuti, supportano currentColor dove ha senso e si adattano a qualsiasi sfondo.
<img src="logos/alosites-mark.svg"
alt="alosites"
style="color:#f5f5f5; width:32px;" />
<img src="logos/alosites-primary.svg"
alt="alosites"
style="color:#f5f5f5; height:32px;" />