Marca y logotipo
Marca y logotipo
Una marca no es un logotipo. Es lo que la gente recuerda de usted — en la furgoneta, en la factura, en la web y en el cartel de la puerta.
Qué recibe
Logotipo
Variantes para fondos claros y oscuros, en formatos para web, imprenta y rotulación de vehículos.
Colores y tipografía
Un juego pequeño que funciona en todas partes — no cincuenta tonos que nadie recuerda.
Aplicado en la práctica
Tarjeta, factura, furgoneta, cartel. Enseñamos cómo queda sobre las cosas que usa de verdad.
Una guía sencilla
Unas páginas sobre lo que se puede y no se puede hacer con ella, para que nadie la rompa sin querer.
Qué lo respalda
Para la tienda SUNON.cz hicimos un sistema de marca y UI de diecinueve páginas: un color ancla con once tonos funcionales, una escala neutra aparte y un valor de contraste escrito para cada combinación, de modo que del manual no pueda salir una web ilegible. No un rediseño cosmético — un sistema para el catálogo, los filtros y la disponibilidad.
Marca desde 499 €. Junto con una web nueva por 1.890 € — más barato que por separado.
La paleta sobre la que corre esta web
Esto no es una muestra de „unos cuantos colores". Son los tonos exactos con los que está construida esta página, y en cada uno pone para qué sirve. El manual que recibe un cliente tiene el mismo aspecto: los valores de contraste junto a los colores, para que del manual no pueda salir una web ilegible.
Fondos
Cuatro grados de oscuro en lugar de un negro. Las capas se separan solas, sin bordes ni sombras.
- #09090BFondo más profundo
- #111116Superficie de la página
- #17171DTarjetas y tablas
- #3A3D49Líneas y contornos
Texto
Dos niveles de legibilidad — titulares y cuerpo. Un tercer tono, más oscuro, se usa solo en texto grande porque en tamaños pequeños no pasa el contraste.
- #F2EDE4Titulares y texto principal15,8 : 1
- #B4ADA2Cuerpo de texto y pies8,6 : 1
Marca
El naranja lleva la atención — enlaces, botones, cifras. Se usa con moderación para que conserve su peso.
- #FF7B1FColor principal de la marca7,4 : 1
- #E26005Pulsado y hover
- #FFAD5DSecundario
- #FFD8ACAcento más claro
Estados
Dos colores adicionales, ambos solo para significado: hecho y error. Nunca para decorar.
- #83D36FHecho, funcionando, correcto
- #FF5A3FError y aviso
¿No sabe por dónde empezar? Por una revisión.
Es gratis. En 48 horas sabrá por dónde pierde dinero.
