Il logo csl.
Tutto quello che serve per usare il marchio di Creative Studio Lab in modo corretto: file pronti, regole essenziali e il codice per includerlo in un sito. Per partner, stampa, eventi e chi racconta i nostri progetti.
Due versioni, positivo e negativo.
Il segno csl. da solo per spazi piccoli e icone; il logo esteso con il nome completo quando c’è spazio e il pubblico non ci conosce ancora.
Il punto che lampeggia.
Il punto quadrato è un cursore: l’idea che sta per essere scritta. Sugli schermi lampeggia, in stampa è fermo. È l’unico elemento animato del marchio.
- Ritmo
- 1,2 secondi, acceso / spento al 50%
- Transizione
- netta, senza dissolvenza
- Dove
- web, app, video, schermi
- Stampa
- sempre fermo e visibile
- Accessibilità
- fermo se l’utente ha attivato “riduci movimento”
Area di rispetto e dimensioni minime.
Lascia sempre respirare il logo. L’unità di misura è x, il lato del punto quadrato.
xxxx- Area di rispetto
- almeno 1 x su tutti i lati, niente testo o immagini all’interno
- Segno, schermo
- larghezza minima 40 px
- Segno, stampa
- larghezza minima 10 mm
- Logo esteso
- larghezza minima 240 px o 50 mm
- Sotto queste misure
- usa la favicon o l’icona app
Bianco e nero, senza eccezioni.
Il logo esiste solo in nero o in bianco. Il grigio caldo e il grigio testo completano l’identità del sito, ma non si usano per il logo. Clicca un colore per copiarlo.
Una famiglia, tre voci.
Roboto per titoli e testi, Roboto Mono per etichette e numeri, IBM Plex Sans Arabic per l’arabo. Tutti gratuiti su Google Fonts.
Creative Studio Lab
titoli 500, testi 300IDEENERS / 01
etichette, numeri, dettagli tecniciمهندسو الأفكار
versione araba del sitoNel logo il testo è già convertito in tracciati: non serve installare il font.
Usalo così com’è.
Il logo funziona perché è semplice. Non modificarlo, non ridisegnarlo, non aggiungere effetti.
Favicon e icone app.
Sotto i 40 px usa la versione su quadrato nero: resta leggibile su schede chiare e scure, sulla home del telefono e come immagine profilo.
Includi il logo nel tuo sito.
Se ci citi come partner, fornitore o autori di un progetto, copia uno di questi frammenti. Il file animato lampeggia da solo, anche dentro un semplice tag <img>.
<a href="https://www.creativestudiolab.it/" title="Creative Studio Lab">
<img src="https://www.creativestudiolab.it/assets/img/logo-animated.svg"
alt="Creative Studio Lab" height="32">
</a><a href="https://www.creativestudiolab.it/" title="Creative Studio Lab">
<img src="https://www.creativestudiolab.it/assets/img/logo-lockup.svg"
alt="Creative Studio Lab" height="28">
</a>/* assegna la classe logo-dot al quadrato del punto */
.logo-dot { animation: csl-blink 1.2s steps(1) infinite; }
@keyframes csl-blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .logo-dot { animation: none; } }Condizioni d’uso.
Il logo e il nome Creative Studio Lab sono segni distintivi di Creative Studio Lab. Puoi usarli senza chiedere per citarci correttamente: come partner o fornitore, nei crediti di un progetto, in articoli, presentazioni ed eventi.
Non puoi usarli in modo da far pensare a una sponsorizzazione o a un’approvazione che non c’è, né modificarli o inserirli nel tuo marchio. Per qualsiasi altro uso, scrivici: rispondiamo in fretta.