Design system · live
Guida al marchio
Tutto qui è generato dagli stessi token del sito e dagli stessi file che scarichi. Cambia un valore alla fonte e questa pagina cambia con lui — non esiste una versione vecchia. Clicca su un valore per copiarlo.
Il simbolo
La griglia è il simbolo. Non è un ornamento: sono pad che formano una croce, ed è la stessa griglia di 24 tonalità che struttura il prodotto e l’impaginazione di questo sito.
- Da fareUsare il simbolo da solo quando il contesto dice già il nome.
- Da fareColorarlo di blu o di bianco su fondo scuro.
- Da fareUsare la versione per fondo chiaro quando il fondo è chiaro — serve a questo.
- MaiCambiare il raggio degli angoli delle caselle — sono quasi quadrate.
- MaiMettere le due parole del logotipo su una sola riga.
- MaiIspessire le caselle a contorno perché si vedano in piccolo — usa il file piccolo, che porta già la croce da sola.
- MaiRicolorare fuori dalla palette di questa pagina.
Download
Generato da script a partire dal vettoriale e dai token. L’app non ha un vettoriale del simbolo — questo è l’unico che esiste, quindi tutto parte da qui.
Kit completoTutti i file qui sotto, più le regole d’uso in testo semplice.832 KBSimbolo
- Colorevettoriale SVG512px PNG1024px PNG
- Biancovettoriale SVG512px PNG1024px PNG
- Nerovettoriale SVG512px PNG1024px PNG
Blocco orizzontale
- Colorevettoriale SVG1200px PNG2400px PNG
- Fondo chiarovettoriale SVG1200px PNG2400px PNG
- Biancovettoriale SVG1200px PNG2400px PNG
- Nerovettoriale SVG1200px PNG2400px PNG
Blocco verticale
- Colorevettoriale SVG1200px PNG2400px PNG
- Fondo chiarovettoriale SVG1200px PNG2400px PNG
- Biancovettoriale SVG1200px PNG2400px PNG
- Nerovettoriale SVG1200px PNG2400px PNG
Icone per gli store
Uso
25.4%Cosa non fare
- MaiStirare o schiacciare
- MaiRuotare
- MaiRicolorare fuori palette
- MaiSu un fondo senza contrasto
Colori
Letti direttamente dalla sorgente del design system in fase di build — questa lista non può divergere dal sito.
Sfondo
Testo
Blu — il colore del marchio
Tonalità — ereditata dall’app
Stato
Tipografia
Fraunces
Display. Hero, titoli e citazioni — i momenti umani.
Archivo
Testo e interfaccia. Corpo, navigazione, pulsanti.
IBM Plex Mono
Tecnico. Etichette, dati, tabelle di tonalità.
Poppins
Logotipo. Solo marchio — è il carattere dell’app.
Scala
Fluida con clamp() — non c’è un breakpoint sulla dimensione del testo.
- Aa
- Aa
- Aa
- Aa
- Aa
- Aa
- Aa
- Aa
Raggio, elevazione e movimento
Il resto del design system, dalla stessa sorgente.
Raggio
Elevazione
Movimento
--dur-fast--dur-base--dur-slow--ease-out
Firma e-mail
Clicca su «Copia firma» e incollala direttamente nel campo firma di Gmail, Outlook o Proton — si incolla formattata, non come codice.
| ||||||
Marchio registrato
«Pads Ambiente» e il simbolo a griglia sono marchi di Crescimento do Reino Software e Tecnologia LTDA. I file di questa pagina sono forniti per rendere più semplice un uso corretto del marchio — non ne trasferiscono la proprietà.
- Da fareUsare il marchio per riferirsi al prodotto — in un articolo, un tutorial, una recensione, un corso o un’integrazione.
- Da fareUsare i file di questa pagina così come sono, senza modifiche.
- MaiLasciar intendere una collaborazione, una sponsorizzazione o un sostegno che non esistono.
- MaiIncorporare il marchio nel logo, nel nome o nell’identità di un altro prodotto.
- MaiUsare il marchio in un dominio, in un’app o in una ragione sociale.
- MaiAlterare la grafica, le proporzioni o i colori dei file.
Per qualsiasi uso oltre a questo, o in caso di dubbio, scrivi a contato@padsambiente.com.br