Guía de estilo

Una referencia práctica para producir sitios web, materiales impresos y publicaciones en redes sociales con la marca AyniHealth.

Logotipo

El logotipo de AyniHealth utiliza un distintivo degradado azul a violeta junto con el wordmark. Mantén siempre un espacio libre adecuado alrededor del logo y nunca distorsiones sus proporciones.

Combinaciones de logo y nombre

AyniHealth^™

Degradado del logo: El logomark usa un degradado lineal con múltiples paradas, del azul profundo (#1539ba) al violeta (#b04cc3).

#1539ba → #b04cc3

Descargar recursos del logo

Adobe Illustrator (.ai)

Fuente

621 KB — Archivo fuente editable con capas y definiciones de degradado

Vectorial (escalable, para impresión y formatos grandes)

SVG

4 KB — Escalable para web, layouts responsivos e íconos

PDF

285 KB — Vectorial listo para imprimir, ideal para documentos y señalización

Bitmap (resolución fija, para web y redes sociales)

PNG (1334 x 1334)

169 KB — Fondo transparente, alta resolución

JPEG (667 x 667)

111 KB — Fondo blanco, archivo más ligero

Paleta de colores

Color primario

Ayni Purple

HEX: #9370db

OKLCH: oklch(0.61 0.22 293)

Se usa en botones, enlaces, encabezados y acentos interactivos en toda la plataforma.

Degradado del logo

#1539ba

#b04cc3

Reservado para el logomark y elementos decorativos del hero. No usarlo como color de texto.

Tokens del sistema de diseño

Fondo

--background

Primer plano

--foreground

Tarjeta

--card

Atenuado

--muted

Primer plano atenuado

--muted-foreground

Borde

--border

Tipografía

Tipografía principal

AyniHealth usa Geist Sans como tipografía principal, con Inter y system-ui como alternativas. Geist se utiliza en toda la UI y en los materiales de marketing e impresos.

Geist Sans → Inter → system-ui → sans-serif

Pesos tipográficos

Bold (700)

Títulos de página y encabezados de hero

Semibold (600)

Encabezados de sección, títulos de tarjetas y wordmark del logo

Medium (500)

Navegación, etiquetas y énfasis

Regular (400)

Cuerpo de texto y descripciones

Fondo para videollamadas

Usa este fondo con la marca en videollamadas y reuniones virtuales para mantener una imagen de equipo profesional y consistente.

Descargar fondo

PNG — 1920 × 1080 px (Full HD)

Marca registrada y uso

Al mencionar la marca en un texto, usa siempre la forma registrada en la primera mención de cada documento o página.

Primera mención: AyniHealth™ (con el símbolo de marca registrada)
Menciones siguientes: AyniHealth (sin el símbolo)
Nunca escribir “Ayni Health” (dos palabras) en contextos de marca
Nombres de producto: Connect, Catalyst y Compass (con mayúscula inicial, sin símbolo de marca registrada)
Entidad legal: AyniHealth Group