Il brand webatla, applicato a se stesso
Scarichi il simbolo, copi la palette, consulti le regole. Tutto in questa pagina segue le linee guida che documenta.
{"brand": "webatla", "case": "lowercase", "mark": "cloud-on-data", "primary": "#13715b", "accent": "#cc3366", "fonts": "system", "since": 2019}Il simbolo
Una nuvola turchese in due metà appoggiata su un pannello dati chiaro con cinque punti scuri. La nuvola del web posata su righe di dati strutturati. Disegnata piatta in un quadrato di 512, senza sfumature.
viewBox: 512x512 · formato: SVG piatto · sfondi: bianco, grigio tenue, blu navy, turchese tenue
Tutti i file di questa pagina in un unico archivio, più un README con la palette. Se scarica un solo file, che sia questo.
webatla-mark.svgSVG · vettorialeIl simbolo principale in versione vettoriale. La scelta predefinita per web, prodotto e stampa. Si adatta a qualsiasi dimensione senza perdita di qualità.
webatla-mark-512.pngPNG · 512
Esportazione raster a 512 per 512, trasparente. Per avatar, strumenti di chat e ovunque l’SVG non sia accettato.
webatla-mark-1024.pngPNG · 1024
Esportazione raster a 1024 per 1024, trasparente. Per kit stampa e posizionamenti di grandi dimensioni.
webatla-mark-mono.svgSVG · mono
Silhouette a un colore della nuvola. Per schede appuntate, incisione e stampa a un colore. La tinga con un qualsiasi colore di marca.
Simbolo, lockup o mono
Tre forme coprono ogni posizionamento. Scelga in base allo spazio disponibile e al colore che può stampare.
webatla
Il simbolo da solo
Lo utilizzi quando lo spazio è ridotto o il nome appare già nelle vicinanze. Icone di app, avatar, profili social, favicon.
Il lockup
Il simbolo accompagnato dal nome webatla in minuscolo, con peso 800, colore #303642, con una spaziatura ridotta. Lo utilizzi in intestazioni, documenti e diapositive dove il simbolo necessita del proprio nome.
Il logotipo è un font di sistema
webatla non distribuisce webfont, per motivi di privacy e prestazioni. Il logotipo viene visualizzato con il font nativo dell’interfaccia del lettore. Varierà leggermente da una piattaforma all’altra. È una scelta voluta, non una svista.
Il simbolo monocromo
Lo utilizzi dove è disponibile un solo colore. Lo tinga con un qualsiasi colore di marca. Non applichi mai una singola tonalità al simbolo a colori.
Spazio di rispetto e dimensione minima
Due numeri da ricordare. Un punto di spazio, 24 pixel di dimensione.
dimensione min.: 24 px su schermo
Sotto i 24 pixel, i cinque punti si fondono. Per gli spazi molto piccoli, utilizzi invece la silhouette monocromatica.
Misuri l’altezza di un punto quadrato nel simbolo. Mantenga libero almeno quello spazio su tutti e quattro i lati. Niente entra in questa zona. Né testo, né altri loghi, né il bordo dell’area di lavoro.
Colore
La palette di lavoro è volutamente ridotta. Clicchi su un campione qualsiasi per copiarne il codice esadecimale.
colori del simbolo (non li modifichi mai, non li riutilizzi mai come colori dell’interfaccia)
Tipografia
Niente webfont, per principio. Il testo viene visualizzato con lo stack di sistema del lettore, il che mantiene le pagine veloci e le richieste private.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
ruolo: titoli e interfaccia · stack: sans di sistema · peso: da 700 a 800 per i titoli, 400 per il testo
ruolo: dati, nomi di file, hex, codice · stack: mono di sistema · nelle tabelle i numeri usano il mono, così le colonne restano allineate
I materiali di marca utilizzano solo queste due stack, nient’altro. Nessun font di display, nessuno script, nessun download.
Cosa evitare
Sei modi per rovinare il simbolo. Ogni scheda mostra il file reale maltrattato dal vivo, così può riconoscere l’errore.
Non ricolorare
Il simbolo a colori pieni viene fornito nelle sue cinque colorazioni. Non ne modifichi nessuna.
Non deformare
Il viewBox è quadrato. Lo mantenga quadrato. Scali in modo uniforme, non lo adatti mai a un riquadro.
Non ruotare
La nuvola resta in piano sul suo pannello. Sempre a zero gradi.
Non aggiungere effetti
Il simbolo è piatto. Niente ombre, niente contorni, niente bagliori, niente sfumature.
Non tingere il simbolo a colori
Solo il simbolo mono può ricevere una tonalità, e sempre un solo colore di marca alla volta.
NUOVO!Non affollare
Rispetti la zona di protezione di un punto. Testo, badge e bordi devono restare fuori da essa.
E non lo ridisegni mai. Niente ricalchi, niente ricostruzioni, niente approssimazioni. Utilizzi i file di questa pagina, nient’altro.
Il nome
Una parola, minuscola, ovunque.
Sempre in minuscolo
webatla si scrive in minuscolo, come un’unica parola, anche all’inizio di una frase. Non Webatla, non WebAtla, non Web Atla.
Una frase per descriverlo
Tutto internet in un unico file JSONL. Utilizzi questa frase così com’è per la stampa e le pagine dei partner.
Sull’azienda
webatla è una piccola azienda di cybersecurity e dati sui domini, attiva dal 2019. Non c’è problema a dire piccola. È esatto.
Prenda il kit completo
Tutti i simboli di questa pagina in un unico archivio, con un README che riporta la palette. Se un utilizzo non è coperto qui, chieda prima di improvvisare.