Brand Guidelines — 2026
Identidad de Marca.
Recursos oficiales de la marca Trazado. Úsalos de forma consistente para mantener la coherencia visual en todos los puntos de contacto, medios y aplicaciones.
Versión 1.0 · Aprobada · Actualizada 2026
01 — Logotipo
Versiones del Logo
Logo — Lockup Oscuro
Para fondos oscuros o fotografías. Marca en alabaster sobre charcoal.
Logo — Lockup Claro
Para fondos claros (blanco, alabaster). Marca en charcoal sobre alabaster.
Isotipo — Variante Clara
Solo símbolo, sobre fondo alabaster. Uso en avatares, app icons y sellos.
Isotipo — Variante Oscura
Solo símbolo, sobre fondo charcoal. Uso en contextos oscuros y fotográficos.
02 — Color
Paleta de Colores
Charcoal / Onyx
Primary · Foreground · Buttons
--foreground
Alabaster
Background principal
--background
Warm Stone
Fondos secundarios · Muted · Accent
--secondary
Stone Border
Bordes · Inputs · Divisores
--border
Neutral Gray
Texto secundario · Labels · Meta
--muted-foreground
Haz clic en el valor hex para copiarlo al portapapeles.
03 — Tipografía
Sistema Tipográfico
Headings — h1 hasta h4
Playfair Display
Pesos: 400 (Regular)
Serif · EditorialArquitectura atemporal.
Body · UI labels · Navegación · Botones
Inter
Pesos: 400 · 500 (Regular / Medium)
Sans · FuncionalDiseñamos desde la materia y la luz.
Escala de Tamaños
Identidad de Marca.
Una práctica anclada en el contexto.
Logotipo y Marca
Paleta de colores
Creemos que la verdadera sofisticación reside en la eliminación de la fricción entre el habitante y el espacio.
Lead Architect & Founder
Brand Guidelines
04 — Voz y Tono
Principios de Comunicación
Preciso
Comunicamos con exactitud. Cada palabra tiene peso y cada frase expresa criterio.
«Viabilidad estructural garantizada desde el día cero.»
Sereno
Sereno y deliberado. El tono refleja la calidad del trabajo: paciente, seguro y preciso.
«La precisión toma tiempo. El resultado permanece.»
Sofisticado
Dirigido a un interlocutor culto. Usamos terminología técnica cuando corresponde, sin ostentación.
«Encuentros entre materiales prescritos matemáticamente.»
Usamos
- precisión técnica
- materialidad honesta
- luz natural
- detalle constructivo
- claridad de proceso
- contexto local
- escala humana
Expresamos
- criterio
- confianza
- calidez
- permanencia
- proporción
- confort
- evolución
05 — Reglas de Uso
Criterios de Uso
Usa la versión de contraste correcto.
Logo oscuro sobre fondos claros. Logo blanco sobre fondos oscuros o fotográficos.
Respeta el espacio de protección.
Mantén un espacio libre mínimo alrededor del logo igual a la altura de la letra 't' del wordmark.
No alteres los colores del logo.
No uses el logo en colores distintos a los definidos. No apliques sombras, degradados ni efectos.
No deformes el logo.
No lo comprimas, estires ni rotes. Escala siempre de forma proporcional manteniendo el aspecto original.
06 — Aplicación
Área de protección y contraste
El espacio libre alrededor del logo debe equivaler, como mínimo, a la altura de la letra “t” del wordmark.
Elige la versión según la superficie: charcoal sobre fondos claros y alabaster sobre fondos oscuros o fotográficos con contraste suficiente.
07 — Composición
Una retícula serena y precisa
01
Trabaja con una retícula de 12 columnas.
Alinea títulos, imágenes y cuerpos de texto a una misma estructura para que cada pieza conserve el orden arquitectónico de Trazado.
02
Deja que el contenido respire.
Usa márgenes amplios, una sola idea dominante y bloques de información claramente separados.
03
Prioriza la escala y la materialidad.
Las imágenes deben ocupar espacio suficiente para que la luz, la textura y el detalle sean legibles.
08 — Iconografía
Señales mínimas, lectura clara
Trazo
Usa iconos lineales, geométricos y de peso uniforme. El icono acompaña la información; nunca compite con ella.
Escala
Mantén el icono entre 16 y 24 px en interfaz y entre 32 y 48 px en piezas editoriales.
Color
Usa foreground, muted-foreground o background según el contraste de la superficie. No introduzcas colores decorativos.
09 — Fotografía
La materia como evidencia
Luz natural
Prefiere luz lateral, sombras limpias y una exposición que permita leer las superficies.
Materialidad honesta
Muestra piedra, madera, concreto, vidrio y metal con textura real y escala reconocible.
Composición amplia
Evita el exceso de decoración. La arquitectura, el vacío y el contexto deben tener espacio para expresarse.
10 — Digital
Movimiento con intención
Entrada suave
Las transiciones deben revelar contenido, respetar el ritmo de lectura y desaparecer cuando ya cumplieron su función.
Ritmo contenido
Las transiciones deben revelar contenido, respetar el ritmo de lectura y desaparecer cuando ya cumplieron su función.
Respuesta clara
Las transiciones deben revelar contenido, respetar el ritmo de lectura y desaparecer cuando ya cumplieron su función.