Loading...
Tu estudio digital
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.
01
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
Wise
Sabio
Extraemos de filosofía clásica y principios probados. El conocimiento se aplica con cuidado, no se exhibe.
Clear
Claro
Comunicamos con precisión y simplicidad. La complejidad se destila en comprensión, nunca se oscurece.
Warm
Cálido
Cercanos y humanos. Excelencia técnica entregada con genuino cuidado y atención personal.
Crafted
Artesanal
Nos enorgullecemos del trabajo de calidad. Cada detalle importa. Construimos para durar.
Patient
Paciente
Pensamos a largo plazo. El crecimiento es orgánico, sostenible e intencional.
Enduring
Perdurable
Creamos legados digitales. Nuestro trabajo se construye sobre cimientos que resisten el tiempo.
Espectro de Voz
Tono
CasualFormal
Mood
SerioFrívolo
Lenguaje
TécnicoSimple
Presencia
ReservadoAlegre
Profesionales pero no fríos, conocedores pero no arrogantes, cálidos pero no demasiado informales.
Arquetipo Principal
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.
ConocimientoSabiduríaVerdadComprensiónExperiencia
Valores Fundamentales
1
Integridad
Honestos, transparentes y éticos en todas las interacciones.
2
Excelencia
Calidad sobre cantidad, siempre.
3
Paciencia
Pensamiento a largo plazo, crecimiento sostenible.
4
Cuidado
Inversión genuina en el éxito de cada cliente.
Pilares de Mensaje
1
Construido para durar
Creamos cimientos digitales que perduran, no soluciones rápidas, sino estructuras sólidas ancladas en principios probados.
2
Conocimiento aplicado
Filosofía clásica que se encuentra con tecnología moderna. Traemos pensamiento atemporal a los retos contemporáneos.
3
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."
02
Logotipo
Logo Principal
HorizontalLa versión horizontal es la forma preferida del logo. Úsala siempre que el espacio lo permita.
Different Growth
Stone / Claro
Different Growth
Blanco / Oscuro
Different Growth
Blanco / Teal
Different Growth
Stone / Amber
Logo Secundario
VerticalLa versión vertical es ideal para espacios cuadrados o donde se necesita mayor presencia vertical.
Different Growth
Stone / Claro
Different Growth
Blanco / Oscuro
Different Growth
Blanco / Teal
Different Growth
Stone / Amber
Monograma
DGEl monograma se usa en espacios reducidos como favicons, avatares y aplicaciones donde el logo completo no es legible.
Different Growth
Claro
Different Growth
Oscuro
Different Growth
Teal
Different Growth
Amber
Different Growth
Teal
Different Growth
Amber
Espacio de Respeto
Different Growth
1X
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
Different Growth
X
No distorsionar
Different Growth
X
No rotar
Different Growth
X
Poco contraste
Different Growth
X
No usar colores de marca
03
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
--background
white
--foreground
stone-950
--primary
teal-600
--primary-foreground
teal-50
--secondary
amber-500
--secondary-foreground
amber-50
--muted
stone-100
--muted-foreground
stone-500
--border
stone-200
Tema Oscuro
--background
stone-950
--foreground
stone-50
--primary
teal-400
--primary-foreground
teal-950
--secondary
amber-400
--secondary-foreground
amber-950
--muted
stone-800
--muted-foreground
stone-400
--border
white/10%
04
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
H12.25emEncabezado principal
H21.5emEncabezado de sección
H31.25emSubsección
H41.15emSubencabezado
Body1emTexto de párrafos
Small0.875emCaptions y metadata
05
Sistema de Formas
Nuestro lenguaje de formas usa esquinas suavizadas para crear una estética amigable y accesible, manteniendo claridad profesional. Los bordes redondeados evocan formas orgánicas y naturales centrales a nuestra marca.
Radio Base
0.875rem
14px · --radius-lg
6px
xs
0.375rem
Elementos muy pequeños
10px
sm
0.625rem
Elementos pequeños
12px
md
0.75rem
Botones pequeños
14px
lg
0.875rem
Botones, inputs (base)
18px
xl
1.125rem
Elementos medianos
22px
2xl
1.375rem
Cards
26px
3xl
1.625rem
Paneles grandes
30px
4xl
1.875rem
Modales, hero sections
9999px
full
9999px
Pills, avatares, badges
Ejemplos de uso
Botón
radius-lg
Card
radius-2xl
Modal
radius-4xl
DG
radius-full
06
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
07
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.
MediterráneoArquitectura ClásicaCrecimiento Natural
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
08
Ilustraciones
OrgánicoMinimalistaCálidoCohesivo
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).
Comienza hoy
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.