Heartwise Brand Identity
Brand Guidelines

Brand Identity.

Visual standards, design tokens, and core principles that define the digital, print, and physical manifestations of Heartwise Cardiology.

Beat Better. Live Wiser.

02 — Patterns

Architectural Patterns

The Heartwise mark generates two repeating surface patterns for backgrounds, credential cards, lanyards, and environmental graphics. Each is available in four color treatments.

Sacred Pillar Grid

The two clinical pillars repeated as an architectural motif — rotated 45° — for section backgrounds, premium print collateral, and credential backing.

Brand Dark

Brand Dark

Brand tones on dark surface

Brand Light

Brand Light

Brand tones on light surface

Mono Dark

Mono Dark

Monochromatic cream on dark

Mono Light

Mono Light

Monochromatic green on light

Logo Grid

The full Heartwise mark tiled edge-to-edge with alternating inverted rows. Intended for premium background texture on collateral, environmental graphics, and branded surfaces.

Brand Dark

Brand Dark

Brand tones on dark surface

Brand Light

Brand Light

Brand tones on light surface

Mono Dark

Mono Dark

Monochromatic cream on dark

Mono Light

Mono Light

Monochromatic green on light

03 — Colors

The Color Palette

Six core colors engineered for clinical clarity and emotional warmth. Each token serves a specific functional role across UI, print, and environmental applications.

Primary Brand / Typography
Click to Copy

Brand Pulse

#0E411E

A deep, commanding forest green that represents clinical authority, health, and calm professionalism.

RGB: 14, 65, 30OKLCH: 0.262 0.051 172.552
Secondary Accent / Pulse
Click to Copy

Brand Heart

#D94D1A

A powerful, energetic cardiac crimson symbolizing life, warmth, and surgical precision.

RGB: 217, 77, 26OKLCH: 0.584 0.175 35.8
Secondary Accent / Highlights
Click to Copy

Brand Blood

#F26B1D

An active, energetic blood orange representing blood circulation, vitality, and modern medical technology.

RGB: 242, 107, 29OKLCH: 0.627 0.198 42.1
Soft Accents / Warnings
Click to Copy

Brand Shadow

#F5894A

A soft, radiant orange tone used as a secondary highlight border or backing element.

RGB: 245, 137, 74OKLCH: 0.697 0.165 48.5
Primary Canvas / Background
Click to Copy

Brand Light

#FBF7E5

A warm healing cream background that replaces stark clinic white to establish a welcoming, premium editorial look.

RGB: 251, 247, 229OKLCH: 0.978 0.015 88.5
Elevated Container Background
Click to Copy

Card Canvas

#FFFFFF

Pure white container backgrounds that stack on top of Brand Light, creating clear hierarchical separation.

RGB: 255, 255, 255OKLCH: 1 0 0
04 — Typography

Digital Typography

A single geometric sans-serif optimised for medical readability — from wayfinding to patient portals. Forma DJR delivers clarity across every viewport and touchpoint.

Primary Font Face

Forma DJR

Geometric Sans-Serif / Variable weights (100 – 900)

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 & @ ? !

Type Scale & Hierarchy

H1 / Hero
Precision Cardiac Care.
H2 / Section
Meet Dr. Amit Singh.
H3 / Card
Angioplasty & Stenting
Body Text
Redefining cardiac wellness in India by uniting cutting-edge precision medicine with compassionate, holistic care.
Labels
triple esc & facc certified
05 — Principles

Design Foundations

Four principles governing every pixel, interaction, and communication across the Heartwise ecosystem.

Warm Clinical Minimalism

Clean 1px borders replace harsh shadows. A warm cream base softens clinical sterility. Elements float with deliberate breathing room, conveying a light, healing mood.

Compassionate Clarity

Information architecture prioritises legibility. Consistent typographic scale, generous negative space, and clean structure ensure clinical data is absorbed at a glance.

Interactive Reassurance

Micro-interactions are calibrated to soothe. Hover states transition gently, buttons respond with haptic ease, and progress indicators pulse without urgency.

Accessibility Conscious

Every contrast ratio is verified against WCAG 2.1 AA. Type weights and sizes remain comfortable for senior cardiac patients navigating critical health information.

06 — Assets

Identity Resources

Production-ready vector assets, full brand documentation, and typography templates for web and print.

2.4 MB

Primary Logo Pack

Vector SVG & PNG / Light & Dark variants

4.8 MB

Visual Brand Manual

Complete Brand Guidelines Document

1.2 MB

Typography Templates

Web & Print Forma DJR setups

820 KB

Cardiac Icon Collection

Vector SVG icon set for cardiology