← Volver al inicio

Guía de Marca

AIQuo es un Product Execution Studio. Nuestra identidad visual refleja precisión, excelencia técnica y claridad. Estas guías aseguran consistencia en todos los puntos de contacto.

Colores

Nuestra paleta de UI es monocromática — negro, blanco y grises. Esto crea una estética limpia, profesional y enfocada en el producto que deja que el trabajo hable por sí mismo. Siguiendo el enfoque de empresas de IA modernas como OpenAI y Anthropic.

Texto

Primario
#0a0a0a
--text
Secundario
#404040
--text-secondary
Atenuado
#6b6b6b
--text-muted

Fondos

Fondo
#ffffff
--bg
Superficie
#fafafa
--bg-subtle
Contraste: Todos los colores de texto cumplen con los estándares de accesibilidad WCAG AA (relación de contraste mínima de 4.5:1).

Fotografía e Imágenes

Mientras nuestra UI permanece monocromática, nuestra fotografía e ilustraciones usan la paleta Coral para transmitir calidez, humanidad y cercanía. Este color está reservado exclusivamente para imágenes — nunca para elementos de UI.

Paleta Coral

Usar para: Overlays de fotografía, gradientes, ilustraciones, gráficos abstractos, imágenes de blog.

#7f1d1d Coral 900
#b91c1c Coral 800
#dc2626 Coral 700
#ef4444 Coral 600
#f87171 Coral 500
#fca5a5 Coral 400
#fecaca Coral 300
#fee2e2 Coral 200
#fef2f2 Coral 100

Guías de Uso

Overlays de Fotografía

Aplicar tonos coral como overlays sutiles en fotos del equipo e imágenes del espacio de trabajo para crear calidez.

Gradientes Abstractos

Usar tonos coral más oscuros (700-900) para fondos abstractos en posts de blog y contenido de investigación.

Fondos Suaves

Coral claro (100-200) para fondos de secciones sutiles que necesitan destacar sin interrumpir la estética limpia.

Estilo Fotográfico

Espontáneo, no posado Momentos reales de colaboración y concentración
Luz natural Iluminación cálida y ambiental preferida
Conexión humana Personas interactuando, no retratos aislados
Tecnología como herramienta Tecnología presente pero no protagonista
Importante: Coral es solo para imágenes. Los elementos de UI (botones, enlaces, texto) permanecen monocromáticos negro/gris.

Tipografía

Nuestro sistema tipográfico utiliza dos familias complementarias: Inter para todo el texto, y JetBrains Mono para elementos técnicos y etiquetas.

Inter — Titulares
Product Execution Studio
Inter — Texto de Cuerpo
Transformamos ideas ambiciosas en productos lanzados. Nuestra experiencia técnica y enfoque sistemático aseguran que tu visión se convierta en realidad.
JetBrains Mono — Etiquetas / Técnico
INICIAR UNA CONVERSACIÓN

Voz y Tono

AIQuo comunica con claridad, confianza y calidez. Somos expertos que se preocupan profundamente por el éxito de nuestros clientes.

Personalidad de Marca

Confiado, no arrogante

Conocemos nuestro oficio profundamente pero mantenemos humildad y curiosidad.

Claro, no simplista

Explicamos temas complejos de forma accesible sin simplificarlos demasiado.

Cálido, no casual

Somos cercanos y humanos mientras mantenemos profesionalismo.

Directo, no brusco

Vamos al punto de manera respetuosa y constructiva.

Principios de Escritura

Hacer

"Construimos soluciones de IA que resuelven problemas de negocio reales."

Evitar

"Aprovechamos IA de vanguardia para revolucionar paradigmas."

Mensaje central: "Somos expertos que se preocupan." Esto debe reflejarse en cada pieza de comunicación.

El Hexágono

El hexágono es nuestro símbolo visual de ejecución. Representa estructura, eficiencia y la naturaleza interconectada del desarrollo de productos.

¿Por qué el Hexágono?

El hexágono aparece a lo largo de la naturaleza y la ingeniería como la estructura óptima para resistencia y eficiencia.

  • Seis lados — Representando las disciplinas fundamentales de la ejecución de productos
  • Teselación — Simbolizando cómo nuestro trabajo se conecta y escala
  • Integridad estructural — Máxima resistencia con mínimo material

Tokens de Diseño

Propiedades personalizadas de CSS para implementar el sistema de diseño de AIQuo. Copia estas directamente en tus hojas de estilo.

Colores de UI

Token Valor Vista Previa
--bg #ffffff
--bg-subtle #fafafa
--text #0a0a0a
--text-secondary #404040
--text-muted #6b6b6b
--accent #0a0a0a
--border rgba(0, 0, 0, 0.08)

Colores de Imágenes (Paleta Coral)

Nombre Valor Vista Previa
Coral 900 #7f1d1d
Coral 700 #dc2626
Coral 500 #f87171
Coral 300 #fecaca
Coral 100 #fef2f2

Pila de Fuentes

Uso Familia de Fuentes
Titulares y Cuerpo 'Inter', -apple-system, sans-serif
Etiquetas / Técnico 'JetBrains Mono', monospace

Escala de Espaciado

Token Valor
--space-1 4px
--space-2 8px
--space-3 12px
--space-4 16px
--space-5 24px
--space-6 32px
--space-7 48px
--space-8 64px

Radio de Borde

Token Valor
--radius-sm 4px
--radius-md 6px
--radius-lg 8px