Design system · vivo
Guía de Marca
Todo aquí se renderiza desde los mismos tokens del sitio y los mismos archivos que descargas. Si un valor cambia en la fuente, cambia en esta página — no existe una versión desactualizada. Haz clic en cualquier valor para copiarlo.
La marca
La rejilla es la marca. No es adorno: son pads formando una cruz, y es la misma rejilla de 24 tonos que estructura el producto y el diseño del sitio.
- AsíUsar el símbolo solo cuando el contexto ya dice el nombre.
- AsíPintarlo de azul o de blanco sobre fondo oscuro.
- AsíUsar la versión de fondo claro cuando el fondo sea claro — para eso existe.
- NuncaAlterar el redondeo de los slots — son casi cuadrados.
- NuncaSeparar las dos palabras de la firma en una sola línea.
- NuncaEngrosar el trazo de los slots vacíos para que se vean en tamaño pequeño — usa el archivo pequeño, que ya trae solo la cruz.
- NuncaRecolorear fuera de la paleta de esta página.
Descargar
Generados por script desde el vector y los tokens. La app no tiene vector de la marca — este es el único que existe, así que de aquí sale cualquier pieza.
Kit completoTodos los archivos de abajo, más las reglas de uso en texto.832 KBSímbolo
- Colorvector SVG512px PNG1024px PNG
- Blancovector SVG512px PNG1024px PNG
- Negrovector SVG512px PNG1024px PNG
Firma horizontal
- Colorvector SVG1200px PNG2400px PNG
- Fondo clarovector SVG1200px PNG2400px PNG
- Blancovector SVG1200px PNG2400px PNG
- Negrovector SVG1200px PNG2400px PNG
Firma vertical
- Colorvector SVG1200px PNG2400px PNG
- Fondo clarovector SVG1200px PNG2400px PNG
- Blancovector SVG1200px PNG2400px PNG
- Negrovector SVG1200px PNG2400px PNG
Iconos de tienda
Uso
25.4%Lo que no hacer
- NuncaEstirar o aplastar
- NuncaGirar
- NuncaRecolorear fuera de la paleta
- NuncaSobre fondo sin contraste
Colores
Leídos directo de la fuente del design system en tiempo de build — esta lista no puede divergir del sitio.
Fondo
Texto
Azul — el color de la marca
Tonalidad — heredado de la app
Estado
Tipografía
Fraunces
Display. Héroe, títulos y citas — los momentos humanos.
Archivo
Texto e interfaz. Cuerpo, navegación, botones.
IBM Plex Mono
Técnico. Etiquetas, datos, tablas de tono.
Poppins
Firma. Solo en la marca — es la fuente de la app.
Escala
Fluida con clamp() — no hay breakpoint de tamaño de fuente.
- Aa
- Aa
- Aa
- Aa
- Aa
- Aa
- Aa
- Aa
Radio, elevación y movimiento
El resto del design system, en la misma fuente.
Radio
Elevación
Movimiento
--dur-fast--dur-base--dur-slow--ease-out
Firma de correo
Haz clic en “Copiar firma” y pégala directo en el campo de firma de Gmail, Outlook o Proton — pega formateada, no como código.
| ||||||
Marca registrada
“Pads Ambiente” y el símbolo de la rejilla son marcas de Crescimento do Reino Software e Tecnologia LTDA. Los archivos de esta página se ofrecen para facilitar el uso correcto de la marca — no transfieren su titularidad.
- AsíUsar la marca para referirse al producto — en un artículo, tutorial, reseña, clase o integración.
- AsíUsar los archivos de esta página tal como están, sin alterarlos.
- NuncaSugerir una alianza, patrocinio o respaldo que no exista.
- NuncaIncorporar la marca al logo, al nombre o a la identidad de otro producto.
- NuncaUsar la marca en un nombre de dominio, de aplicación o de empresa.
- NuncaAlterar el diseño, las proporciones o los colores de los archivos.
Para cualquier uso fuera de esto, o ante cualquier duda, escribe a contato@padsambiente.com.br