Style Guide

A practical reference for producing branded websites, printed materials, and social media posts for AyniHealth.

Logo

The AyniHealth logo uses a distinctive blue-to-purple gradient mark alongside the wordmark. Always maintain adequate clear space around the logo and never distort its proportions.

Logo & Name Combinations

AyniHealth^™

Logo gradient: The logomark uses a multi-stop linear gradient from deep blue (#1539ba) to violet (#b04cc3).

#1539ba → #b04cc3

Download Logo Assets

Adobe Illustrator (.ai)

Source

621 KB — Editable source file with layers and gradient definitions

Vector (scalable, for print and large formats)

SVG

4 KB — Scalable for web, responsive layouts, and icons

PDF

285 KB — Print-ready vector for documents and signage

Bitmap (fixed resolution, for web and social media)

PNG (1334 x 1334)

169 KB — Transparent background, high resolution

JPEG (667 x 667)

111 KB — White background, smaller file size

Colour Palette

Primary Colour

Ayni Purple

HEX: #9370db

OKLCH: oklch(0.61 0.22 293)

Used for buttons, links, headings, and interactive accents across the platform.

Logo Gradient

#1539ba

#b04cc3

Reserved for the logomark and hero decorative elements. Do not use as a text colour.

Design System Tokens

Background

--background

Foreground

--foreground

Card

--card

Muted

--muted

Muted Foreground

--muted-foreground

Border

--border

Typography

Primary Font

AyniHealth uses Geist Sans as the primary typeface, with Inter and system-ui as fallbacks. Geist is used across all UI, marketing, and print materials.

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

Font Weights

Bold (700)

Page titles, hero headings

Semibold (600)

Section headings, card titles, logo wordmark

Medium (500)

Navigation, labels, emphasis

Regular (400)

Body text, descriptions

Trademark & Usage

When referring to the brand in text, always use the trademarked form on first mention in any document or page.

First mention: AyniHealth™ (with trademark symbol)
Subsequent mentions: AyniHealth (no symbol required)
Never write as "Ayni Health" (two words) in brand contexts
Product names: Connect, Catalyst, and Compass (capitalised, no trademark symbol)
Legal entity: AyniHealth Group