Brand
The Hi-Doctor brand
Everything that makes Hi-Doctor look and sound like itself — the logo, the colours, the type, the gradients, and the rules that hold them together.
Logo
The mark and the lockup
The mark is a rounded green square carrying a white plus. The horizontal lockup pairs it with the Hi-Doctor wordmark. Use the artwork exactly as supplied.
Mark
The standalone tile, for avatars, favicons, and app icons.
Mark, inverse
The same tile, prepared for dark surfaces.
Horizontal lockup
The default signature on light surfaces.
Horizontal lockup, inverse
The signature for deep-green bands.
Usage rules
Four rules cover almost every situation. When in doubt, do less.
Clear space
Keep the width of one plus arm free on every side of the logo. Text, images, and other logos stay outside it.
Minimum size
The mark never renders below 24 px and the lockup never below 96 px wide. Below that, write the name instead.
Leave it as it is
Never recolor, rotate, stretch, or outline the logo, and never add shadows, gradients, or other effects.
Quiet backgrounds
Place the logo on white, mist, or deep green — never on busy photography or competing colour.
Colour
A quiet, clinical palette
Ink on white does most of the work. Green carries the brand; blue, pink, and olive belong to the treatment categories.
Select any swatch to copy its hex value.
Neutrals
Brand greens
Category accents
Gradients
One shader, four palettes
The grain gradient is the signature surface: a soft, moving wash with film grain. It appears in hero bands and category headers — always behind white text, never behind body copy.
Reserved for hero bands and category theming.
Typography
One family, Inter
Inter sets every surface. Display sizes use weight 600 with tight tracking; body copy is weight 400 and never smaller than 14 px.
JetBrains Mono, for metadata only
Reference numbers, timestamps, and audit trails set in JetBrains Mono — uppercase, wide tracking, small sizes. It never carries sentences.
UPDATED 13 AUG 2026 · 09:41 UTC
Geometry and motion
Square corners, soft rhythm
Three radii cover the system: 4 px for controls, 16 px for cards, 24 px for bands and large containers. Nothing is pill-shaped.
Radius
4 px
Buttons, inputs, chips
16 px
Cards
24 px
Bands and large containers
Motion
Animation moves through transforms and opacity only — never width, height, or shadow. Elements arrive in 240 ms and leave in 160 ms.
Components
The working set
The primitives every page is built from, rendered live with the same classes the product uses.
Buttons
Status chips
Card
Your consultation is being reviewed
A licensed doctor is reading your answers. You will hear from us as soon as there is a decision.
Just now
Voice
Calm, clear, honest, human
We write the way a good doctor speaks: plainly, and without drama. No exclamation marks, no urgency tricks, no jargon where a plain word exists.
Calm
No exclamation marks. Health is serious enough without shouting.
Clear
Short sentences and plain words — the reader never has to re-read.
Honest
We say what we do and what we do not do, including that we never sell or ship medication.
Human
Warm but professional, written to one person at a time.
Do
A licensed doctor reviews your answers and decides whether treatment is right for you.
Don't
Amazing!! Order your meds NOW — this offer won't last!!
The brand
Questions about the brand?
Press, partnerships, or a usage question — write to us and we will help.
Contact us