Manual de Marca
Esta guía define quiénes somos y cómo nos presentamos al mundo. Una referencia viva para construir experiencias coherentes y memorables.
Identidad de Marca
Esencia de Marca
Different
Diferente
Un enfoque único que se distingue de lo ordinario. No seguimos tendencias, las cuestionamos.
Rooted
Arraigado
Fundamentados en sabiduría clásica y principios atemporales. Construimos sobre cimientos sólidos.
Growing
En crecimiento
Comprometidos con el progreso sostenible y duradero. El crecimiento orgánico toma tiempo.
Rasgos de Personalidad
Sabio
Extraemos de filosofía clásica y principios probados. El conocimiento se aplica con cuidado, no se exhibe.
Claro
Comunicamos con precisión y simplicidad. La complejidad se destila en comprensión, nunca se oscurece.
Cálido
Cercanos y humanos. Excelencia técnica entregada con genuino cuidado y atención personal.
Artesanal
Nos enorgullecemos del trabajo de calidad. Cada detalle importa. Construimos para durar.
Paciente
Pensamos a largo plazo. El crecimiento es orgánico, sostenible e intencional.
Perdurable
Creamos legados digitales. Nuestro trabajo se construye sobre cimientos que resisten el tiempo.
Espectro de Voz
Tono
Mood
Lenguaje
Presencia
Profesionales pero no fríos, conocedores pero no arrogantes, cálidos pero no demasiado informales.
The Sage
Somos buscadores y trasnsmisores de conocimientos. Nuestro propósito es ayudar a otros a entender el mundo y tomar mejores decisiones a través del conocimiento, la experiencia y la orientación reflexiva.
Valores Fundamentales
Integridad
Honestos, transparentes y éticos en todas las interacciones.
Excelencia
Calidad sobre cantidad, siempre.
Paciencia
Pensamiento a largo plazo, crecimiento sostenible.
Cuidado
Inversión genuina en el éxito de cada cliente.
Pilares de Mensaje
Construido para durar
Creamos cimientos digitales que perduran, no soluciones rápidas, sino estructuras sólidas ancladas en principios probados.
Conocimiento aplicado
Filosofía clásica que se encuentra con tecnología moderna. Traemos pensamiento atemporal a los retos contemporáneos.
Partners en el camino
Estamos invertidos en tu camino. Tu éxito es nuestro éxito—crecemos juntos, de forma sostenible.
Hacer
- Hablar con confianza tranquila
- Usar lenguaje claro y conciso
- Referenciar principios atemporales
- Mostrar experiencia genuina sin presunción
- Ser útil y orientado a soluciones
- Reconocer la complejidad honestamente
- Usar metáforas de naturaleza y arquitectura
- Enfatizar valor a largo plazo
Evitar
- Usar hype o buzzwords de marketing
- Hacer promesas exageradas
- Sonar desesperado o insistente
- Usar exclamaciones excesivas
- Ser condescendiente u overly técnico
- Seguir tendencias efímeras en lenguaje
- Usar jerga corporativa o clichés
- Priorizar ingenio sobre claridad
Tono en Contexto
Bienvenida
"Nos alegra que estés aquí. Vamos a empezar."
Éxito
"Bien hecho. Otro paso adelante en el camino."
Error
"Algo salió mal. Vamos a resolver esto juntos."
Espera
"Las cosas buenas toman tiempo. Estamos en ello."
Guía
"Las acciones pequeñas marcan la diferencia."
CTA
"¿Listo para empezar? Hablemos de tu proyecto."
Logotipo
Logo Principal
HorizontalLa versión horizontal es la forma preferida del logo. Úsala siempre que el espacio lo permita.
Stone / Claro
Blanco / Oscuro
Blanco / Teal
Stone / Amber
Logo Secundario
VerticalLa versión vertical es ideal para espacios cuadrados o donde se necesita mayor presencia vertical.
Stone / Claro
Blanco / Oscuro
Blanco / Teal
Stone / Amber
Monograma
DGEl monograma se usa en espacios reducidos como favicons, avatares y aplicaciones donde el logo completo no es legible.
Claro
Oscuro
Teal
Amber
Teal
Amber
Espacio de Respeto
Unidad de medida (X) = altura de la "G" mayúscula. Espacio mínimo de 1X en todos los lados.
Tamaños Mínimos
| Variante | Digital | Impreso |
|---|---|---|
| Logo Completo | 120px | 32mm |
| Vertical | 80px | 21mm |
| Monograma | 24px | 6mm |
Usos Incorrectos
No distorsionar
No rotar
Poco contraste
No usar colores de marca
Sistema de Color
Nuestra paleta equilibra minimalismo con calidez. Stone proporciona la base elegante en blanco y negro. Teal y Amber añaden vida y energía—usados con moderación como acentos para mantener claridad visual.
Stone
Base
#0c0a09
Teal
Primario
#0d9488
Amber
Secundario
#f59e0b
Stone
BaseFondos, texto y bordes. La base neutral y elegante.
stone-50
stone-100
stone-200
stone-300
stone-400
stone-500
stone-600
stone-700
stone-800
stone-900
stone-950
Teal
PrimarioAcciones primarias, estados de éxito y enlaces.
teal-50
teal-100
teal-200
teal-300
teal-400
teal-500
teal-600
teal-700
teal-800
teal-900
teal-950
Amber
SecundarioAcciones secundarias, alertas y acentos.
amber-50
amber-100
amber-200
amber-300
amber-400
amber-500
amber-600
amber-700
amber-800
amber-900
amber-950
Tokens de Tema
Tema Claro
Tema Oscuro
Tipografía
Urbanist
Principal--font-sans · Sans-serif
Construyamos algo diferente
Interfaz, encabezados, texto principal. Geométrica con calidez humanista.
Pesos disponibles
Aa
Extralight
200
Aa
Light
300
Aa
Regular
400
Aa
Medium
500
Aa
SemiBold
600
Aa
Bold
700
Conjunto de caracteres
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
Fraunces
Secundaria--font-serif · Serif
Sabiduría antigua, herramientas modernas
Contenido editorial, texto de exhibición. Calidez clásica con ejes expresivos.
Pesos disponibles
Aa
Thin
100
Aa
Light
300
Aa
Regular
400
Aa
Semibold
600
Aa
Bold
700
Conjunto de caracteres
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
Geist Mono
Técnica--font-mono · Monospace
const growth = 'different';
Bloques de código, datos técnicos, timestamps. Optimizada para código.
Pesos disponibles
Aa
Regular
400
Aa
Medium
500
Aa
SemiBold
600
Aa
Bold
700
Conjunto de caracteres
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
Escala Tipográfica
Sistema de Formas
Nuestro lenguaje de formas usa esquinas rectas y cuadradas para transmitir precisión, estructura y claridad arquitectónica. La ausencia de redondeo refuerza una estética editorial y decidida—cada elemento es deliberado y limpio.
Radio Base
0rem
0px · Esquinas cuadradas
xs
0rem
sm
0rem
md
0rem
lg
0rem
xl
0rem
2xl
0rem
3xl
0rem
4xl
0rem
full
0rem
Ejemplos de uso
0px
0px
0px
0px
Iconografía
Hugeicons
hugeicons.com · Estilo: Stroke Rounded
46,000+ iconos en 59 categorías
Iconos de Muestra
Stroke Rounded
Usar exclusivamente este estilo
Geometría Limpia
Formas simples y reconocibles
Bordes Suavizados
Estética accesible y moderna
Fotografía
Dirección Visual
La fotografía se inspira en estéticas clásicas: paisajes mediterráneos, arquitectura antigua, crecimiento natural. Las imágenes deben sentirse atemporales, cálidas y contemplativas.
Tono de Color
- Iluminación de hora dorada
- Sombras cálidas
- Tonos tierra atenuados
Ejemplos de Estilo
Paisajes mediterráneos, arquitectura clásica, crecimiento natural
Regla Importante: Teal en Fotografía
El teal está reservado exclusivamente para elementos digitales y gráficos—botones, enlaces, iconos, ilustraciones y acentos tipográficos. Nunca aplicar teal como filtro de color a la fotografía.
Tratamiento de Imagen
Filtro Cálido
Añadir calidez sutil para realzar tonos dorados
Saturación Atenuada
Reducir saturación para sensación atemporal
Sombras Ricas
Negros profundos con sombras levantadas
Ilustraciones
Las ilustraciones equilibran formas orgánicas con precisión geométrica—reflejando la mezcla de sabiduría antigua y tecnología moderna.
Minimalista
Reducir a lo esencial. Cada elemento debe servir un propósito. Abrazar el espacio negativo como elemento de diseño.
Orgánico
Incorporar formas naturales y curvas fluidas. Referenciar crecimiento, naturaleza y motivos clásicos.
Cálido
Infundir vida a través de acentos amber y teal. Las ilustraciones deben sentirse acogedoras, no frías ni estériles.
Cohesivo
Usar elementos fundamentales para construir ilustraciones cohesivas. Mantener pesos de trazo consistentes (1-2px).
Construyamos algo diferente
Este manual es una guía viva que evoluciona con nosotros. Si tienes preguntas sobre su aplicación o quieres trabajar juntos, estamos aquí para ayudar.