Skip to content
HealthDocus

Brand guidelines: mark what matters.

HealthDocus looks like a well-kept patient record: precise, calm, and annotated where it counts. These are the pieces and the rules for using them.

The logo

Two figures, patient and provider, forming a heart around a pulse line. Care between people, measured and alive. Use the full lockup wherever there is room; the heart mark stands alone for icons and small spaces.

HealthDocus
HealthDocus
HealthDocusHealthDocusHealthDocus

Clear space equals the height of one figure’s head on every side. Minimum size: 20px for the mark, 120px wide for the full lockup. On dark backgrounds use the light version, with a white “health”.

Colour

Restrained neutrals, one committed ink, one annotation colour.

Brand

Rx ink carries the brand: links, primary actions, and the one drenched moment per page.

  • Rx Ink

    #1745C2

    oklch(0.45 0.2 264)

  • Rx Ink Deep

    #0D216A

    oklch(0.29 0.13 266)

  • Rx Ink Soft

    #E5EFFF

    oklch(0.95 0.028 264)

Highlighter

Only ever behind ink text or as a tiny accent on ink. Never as text colour, never on large areas.

  • Marker

    #DEF766

    oklch(0.93 0.17 118)

  • Marker Soft

    #F0FDC0

    oklch(0.97 0.08 118)

Neutrals

Cool, faintly blue-tinted. Body text is Ink 2 or darker for comfortable contrast.

  • Ink

    #121A2B

    oklch(0.22 0.035 264)

  • Ink 2

    #303848

    oklch(0.34 0.03 264)

  • Muted

    #545B69

    oklch(0.47 0.025 264)

  • Line

    #DBE0E8

    oklch(0.905 0.012 262)

  • Wash

    #EEF3F9

    oklch(0.962 0.01 258)

  • Paper

    #F8FAFD

    oklch(0.985 0.004 255)

Typography

Display and headings

Aa

Mulish

Weight 560, tracking −0.02em. Clean and open: authoritative without being cold.

Body and interface

Aa

Mulish

17px body, 1.65 line height, 65–75 characters per line. Tabular figures for every number that sits in a column.

The highlighter

Patients compare 21 doctors. Be the one they choose.

Use .marker on at most one phrase per section: the words a physician would underline on a chart.

Voice

Clinical, not corporate
Write like a trusted colleague at the nurses' station. Short sentences. No hype words.
Evidenced
Every statistic names its source. Illustrations say they're illustrations. Results are real or absent.
Doctor's-eye
Lead with the physician's reality: time, reputation, patients. Marketing jargon comes second, if at all.

Don't

  • Recolour, redraw, or separate the figures in the heart mark.
  • Use Marker as a text colour or a large background.
  • Stretch, skew, rotate, or outline the logo.
  • Retype the wordmark or change its navy and blue split.
  • Publish a number without a source, or a mock without an 'Illustrative' label.
  • Use stock photos of models posing as specific, named clinicians.