UP Desconecta.
Conéctate.

03 · Cómo se ve

La marca, en cinco minutos.

Un movimiento, no una reacción. Hacia adelante, no en contra. Cálido, no agresivo. Si tu post coincide con la campaña sin que tengas que pensarlo, la marca está haciendo su trabajo.

El logo

UP. Desconecta. Conéctate.

Úsalo en todas partes. No separes las piezas. No cambies las proporciones.

Descargas

Archivos de logo.

Mete estos en tus diseños. SVG funciona en cualquier tamaño. PNG funciona en cualquier herramienta. El PDF de la hoja de marca tiene la especificación completa.

Principal · forest sobre snow

Inverso · snow sobre forest

Monocromo · un solo color

Tokens y especificación

Cuál usar

Los SVG tienen la tipografía incrustada, así que se ven correctamente en herramientas de diseño sin tener Archivo Black instalado. Los PNG son 1600 × 960 (2× retina). Para versiones EPS o AI, escribe a hello@unplugplugin.org.

Color

Cuatro colores. Sin gradientes.

La paleta es el estado. Forest es el campo. Mesa es el acento. Snowfield es el suelo. Alpine es el aliento. Aproximadamente 60% snow, 30% forest, 8% alpine, 2% mesa. Mesa es un signo de puntuación, no un párrafo.

Forest#1A2E1APrincipal · campos, tipografía
Alpine#7ABF7ASecundario · ilustración
Mesa#D4401AAcento · CTAs, líneas
Snowfield#F5F0E8Suelo · espacio negativo

Nunca

Nada de gradientes. Nada de sombras sobre rellenos de color. Nada de mesa como fondo más grande que un botón. Forest sobre snow ≥ 12:1 de contraste, snow sobre forest ≥ 11:1. Siempre revisa Alpine sobre Snow en tamaños de cuerpo de texto.

Tipografía

Dos pesos de una familia.

Archivo Black para el wordmark y los titulares display. Archivo (400, 600, 800, 900) para el tagline, el cuerpo, la UI y los pies. Eso es todo.

Aa Bb 01

ARCHIVO BLACK

Wordmark · display · titulares

Aa Bb 01

ARCHIVO 400 / 600 / 800 / 900

Tagline · cuerpo · UI · pies

Referencia rápida

Mantén el espacio

Los cuatro "no".

Mantén un padding de al menos un ancho de trazo en todos los lados. Nunca recortes. Nunca aprietes.

UP
No estires
UP
No cambies de color
UP
No pongas contorno
UP
No pongas sombra / 3D

Notas de voz

Para mensajeros.

Una lista corta de lo que hace que el mensaje funcione. La mayoría es sobre qué dejar fuera.

Cierre

El momento en que pones el teléfono abajo y miras hacia arriba.

UP · UNPLUG. PLUG IN.