Brand

Brand Guidelines

Download full PDF

The visual identity shared across the clinic platform, the Klintro Health Network, and Gravity.

Logo

klintro

The mark is a rounded-square tile in Klintro Red, built from a medical cross with four corner shapes — one per pillar: a circle for Community, a star for Intelligence, a triangle for Growth, and a square for Reliability. The wordmark pairs a red “kl” with the remaining letters in the surrounding text color, optionally under a “HEALTH NETWORK” tag.

Do

Keep the tile's proportions and corner radius intact, and give it clear space on every side at least equal to the cross arm's width.

Don't

klintro

Never stretch, squish, recolor, or add effects (drop shadows, gradients, outlines) to the mark or wordmark.

Color

Klintro Red (500) is the single brand accent — used for calls to action, active states, and the “kl” in the wordmark.

50
#FFECEC
100
#FFD4D4
200
#FFB0B0
300
#FF7A7A
400
#F24040
500
#D10014
600
#B8000F
700
#96000C
800
#700009
900
#480006
950
#280003

A neutral gray scale carries text, surfaces, and borders.

50
#FAFAFA
100
#F4F4F6
200
#E8E8EC
300
#D0D0D6
400
#ADADB5
500
#6B6B72
600
#4A4A50
700
#323236
800
#242426
900
#1C1C1E
950
#0F0F10

Typography

Plus Jakarta Sans, the font already used across the platform, in a fixed weight/size/tracking scale.

Display
Plus Jakarta Sans · 900 · 72px · -3px
Patient Records
Plus Jakarta Sans · 800 · 40px · -1.5px
Appointments
Plus Jakarta Sans · 700 · 28px · -0.8px
Today's Schedule
Plus Jakarta Sans · 700 · 20px · -0.4px
HEALTH NETWORK
Plus Jakarta Sans · 700 · 11px · 2.5px

Corner radius

Every rounded corner in the product comes from this scale — never an arbitrary value.

xs · 4px
sm · 6px
md · 8px
lg · 12px
xl · 14px
logo · 22px
full · 999px