Manual de Identidad Interactiva
Un puente amigable entre la tecnología y la vida cotidiana. Minimalista, poderoso y profesional.
1. Filosofía de Diseño: Vanguardia y Limpieza
Nuestra identidad manifiesta unidad e integración. Buscamos que cada interacción con Pulso Creativo transmita la sensación de una agencia profesional, eliminando cualquier elemento encimado o desordenado. El diseño debe ser "limpio elegante minimalista", reflejando la capacidad técnica para implementar tecnología de vanguardia.
2. Reglas del Logotipo
El logotipo proporcionado (http://pulsocreativo.art/wp-content/uploads/2024/02/12.png) es el núcleo de nuestra manifestación visual. Debe ser tratado con el máximo respeto por la limpieza de la interfaz.
Regla de Oro: El logotipo debe mantener siempre un "área segura" a su alrededor igual al 50% de su altura. No se debe encimar ningún otro elemento gráfico o texto sobre el logotipo. Utilizar la versión blanca sobre fondos oscuros o Negro Ónice para asegurar el contraste.
3. La Trilogía Cromática
Nuestra paleta se limita estrictamente a tres colores para garantizar el minimalismo poderoso y la vanguardia profesional. Eliminamos cualquier otra distracción de color.
Uso Estratégico
Blanco Nube (Lienzo): El fondo general del sitio web y aplicaciones para asegurar limpieza visual.
Negro Ónice (Estructura y Texto): Títulos, párrafos principales y estructura de secciones para dar seriedad profesional.
Oro Pulso (Acento de Vanguardia): Botones de acción, enlaces principales y acentos visuales sutiles para manifestar el dinamismo de la tecnología.
4. Sistema Tipográfico Correcto
Utilizamos solo las familias Google Fonts validadas para rendimiento y vanguardia. Outfit para títulos, Plus Jakarta Sans para subtítulos e Inter para UI y texto general. La maquetación debe asegurar que nunca se encimen.
H1 Título Principal (Outfit Bold)
H2 Título de Sección (Outfit Medium/Bold)
H3 Sub-sección (Outfit Medium)
H4 Nombre de Tarjeta o UI (Plus Jakarta Sans Semibold)
H5 Etiquetas Pequeñas (Plus Jakarta Sans Medium)
Párrafo (Inter Regular/Medium): Este es el texto de párrafo. Observa la `altura de línea` y el `margin-bottom` estrictos que garantizan que el texto respire y nunca se encime con el siguiente elemento. Es perfecto para explicar nuestra tecnología de IA con agentes inteligentes o instancias VPS.
5. UI Kit Interactividad y Maquetación
Las áreas interactivas deben ser amigables. Los botones tienen forma de píldora (100px radius) y las tarjetas son limpias, demostrando dinamismo con transiciones suaves.
Botones e Interacciones
Hover: Los botones primarios se oscurecen ligeramente y los outline se rellenan de negro. Demuestra el dinamismo vanguardista.
Tarjetas de Contenido (Cards)
Formas redondeadas, sombras sutiles y acciones claras.