DAG · Identidad visual
Diego Arias Gómez.
Una identidad, bien aplicada.
Archivos originales del kit DAG y una guía práctica para usarlos en el sitio, documentos y piezas digitales. El nombre público se escribe completo: Diego Arias Gómez.
Alcance de esta guía. Los archivos, variantes y colores indicados como originales se verifican en el kit entregado. La tipografía de interfaz, las medidas, los espacios y los ejemplos son recomendaciones de implementación para este sitio, no normas atribuidas al autor del kit.
01 · Sistema
La marca y el sitio
El kit contiene un símbolo, logotipos horizontales y apilados, variantes para fondos claros y oscuros, avatares y un conjunto de iconos web. Los SVG del logotipo están trazados: no necesitan cargar una tipografía para representar el nombre.
El sitio mantiene su contenido sobre talento digital, inteligencia artificial, alianzas e impacto. El nuevo sistema visual usa composición editorial, fotografía real, blanco cálido y tinta oscura; la lima actúa como acento, no como sustituto de la información.
02 · Originales
Logotipos y descargas
Usa estos archivos directamente. Los enlaces descargan las variantes SVG y PNG suministradas, sin reconstruir ni recolorear la marca. Sobre negro, selecciona el archivo para fondo oscuro; no inviertas los colores mediante filtros.
Horizontal · sobre negro
Horizontal · negro
Horizontal · blanco
Apilado · color
Apilado · sobre negro
Símbolo · color
Símbolo · negro
Símbolo · blanco
Símbolo · blanco monocromo
Avatar
03 · Color
Paleta de los originales
Negro · #111111
Tinta y fondos oscuros.
Gris · #6B6B6B
Tono presente en el logotipo.
Lima · #7AAF2E
Acento del símbolo.
Colores de interfaz propuestos
Blanco cálido #F7F8F2 como fondo; blanco #FFFFFF para superficies; verde oscuro #3D5E18 para enlaces sobre claro. Son decisiones de esta implementación, no colores adicionales declarados por el kit.
Para botones lima, usa texto negro #111111. No uses texto blanco pequeño sobre lima ni texto lima pequeño sobre blanco. Conserva subrayados o indicadores de estado: el color no debe ser la única señal.
04 · Tipografía
Inter, para leer y navegar
Propuesta del sitio: Inter en títulos, párrafos y controles; pesos 400 para lectura, 600 para acciones y 700 para titulares. Las etiquetas técnicas pueden utilizar JetBrains Mono. Si no hay fuentes disponibles, se usa la familia sans-serif del sistema.
El logotipo es una imagen original trazada. No se compone escribiendo el nombre con Inter ni requiere instalar fuentes. La selección tipográfica de la interfaz no pretende identificar la fuente con la que se creó el logotipo.
Talento digital. Impacto real.
Una jerarquía clara, párrafos legibles y suficiente espacio entre bloques son preferibles a efectos decorativos.
05 · Uso recomendado
Espacio, escala y cuidado
Las siguientes medidas son un punto de partida propuesto para producción. No son especificaciones incluidas en el kit.
- Espacio libre: deja alrededor del archivo un margen adicional equivalente a un cuarto de su altura visible. No recortes el espacio interno del SVG original.
- Cabecera web: se propone un ancho de archivo horizontal entre 152 y 184 px según la pantalla. Comprueba siempre la legibilidad del nombre en el dispositivo real.
- Símbolo: para tamaños muy pequeños usa los favicons suministrados, no una reducción improvisada del logotipo completo.
- Impresión: usa el SVG vectorial, conserva la proporción y valida una prueba física antes de fijar el tamaño final.
- Integridad: no estirar, rotar, recolorear, añadir sombras ni aplicar filtros. No colocar sobre fotografías con detalle que compita con el nombre.
- Contenido: conservar fuentes y atribuciones, y no añadir cifras o promesas solo para completar una composición.
06 · Aplicación
Una muestra de uso
Ejemplo de composición del sitio, no una nueva pieza oficial del kit.
Iconos web originales
Para instalar los iconos en otro sitio, revisa las rutas del manifest y del HTML; los archivos del kit se entregan aquí sin cambios.