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

Video Conference Background

Use this branded background for video calls and virtual meetings to maintain a professional, consistent team presence.

Download Background

PNG — 1920 × 1080 px (Full HD)

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