Hiraal Elite · Logo
The logo
Built from three fixed parts — monogram, wordmark and tagline — and reproduced only from the master artwork.
The logo
The three elements are locked. The tagline is a medical claim — keep “Doctor assessment required” nearby in any advertising.
Anatomy
The logo is built from three fixed parts.
1 · Monogram
An H and an E sharing one folded plane, on a 30° axis. Never used at an angle.
2 · Wordmark
Plus Jakarta Sans ExtraBold, drawn as outlines. Artwork, not live text — never retype it.
3 · Tagline
“Better Knees. Without Surgery.” Plus Jakarta Sans SemiBold, letter-spaced flush to both edges of the wordmark.
Construction
Every relationship is expressed against M, the monogram height. Reproduce from master artwork; these ratios are for verification.
| Measure | Ratio | At native size | Note |
|---|---|---|---|
| Monogram height | M | 113.84 pt | reference unit |
| Monogram width | 0.90 M | 102.43 pt | |
| Monogram → wordmark | 0.235 M | 26.79 pt | |
| Wordmark cap height | 0.437 M | 49.73 pt | |
| Wordmark → tagline | 0.066 M | 7.50 pt | baseline gap |
| Tagline | 20.442 pt SemiBold | +0.985 pt tracking | flush to wordmark |
| Overall lockup | 4.04 M × 1.00 M | 460.17 × 113.84 pt |
Lockups
Six approved lockups. Choose by the shape of the space, then check the minimum size. Only “Horizontal” drops the tagline.
Avatar and app icon: the monogram is never bare as an avatar. It sits in the tile at 52% of tile height. Minimum 48 px tile.
Clear space
Clear space protects the logo from competing elements. X = half the monogram height.
Primary lockup
X = 0.5 M
Stacked and monogram
X = 0.35 M
No element — type, image edge, rule or trim — may enter the X box on any side. X scales with the logo, so the rule holds at every size.
Minimum size
The floor for each lockup is set by its smallest element — the tagline, or the monogram's narrowest gap.
| Lockup | Print min | Digital min | Measured on |
|---|---|---|---|
| Primary lockup | 45 mm | 150 px | width |
| Horizontal | 25 mm | 90 px | width |
| Stacked | 32 mm | 110 px | width |
| Wordmark + tagline | 32 mm | 110 px | width |
| Wordmark | 18 mm | 70 px | width |
| Monogram | 9 mm | 32 px | height |
| Avatar / app tile | 12 mm | 48 px | tile |
| Favicon master | — | 16 px | tile |
Below 32 px the stem and counters merge. The favicon master is a 16-unit grid reduction — 2-unit strokes, 2-unit gaps, reversed in the tile — and the only approved mark below 32 px.
Colour versions
Eight approved treatments. Use the first that reaches 4.5:1 against the background.
Never mix colours inside the logo — monogram, wordmark and tagline are always one colour.
Backgrounds
Ratios are measured against the logo colour shown. The full lockup needs 4.5:1; the monogram alone needs 3:1.
Approved
White · 11.4:1
Cloud · 10.9:1
Elite Cream · 9.2:1
Hiraal Teal · 9.2:1
Midnight · 12.3:1
Not approved
Mid teal · 2.6:1
Pale teal · 1.6:1
Cream on white · 1.2:1
White on cream · 1.3:1
Off-palette · 1.9:1
Do
- Over photography: a flat teal scrim at 55% or darker, or a calm even area.
- Full lockup at 4.5:1 or better; monogram alone at 3:1 or better.
Don't
- No busy or multi-tonal area.
- No cream on white, at any size.
Misuse
The failures we see most. If a use is not shown in this document, it is not approved.
Never
- Never stretch or condense.
- Never rotate or set on an angle.
- Never recolour or split into two tones.
- Never add shadow, glow or bevel.
- Never outline the artwork.
- Never rearrange the elements.
- Never rescale the tagline.
- Never box or crowd the clear space.
- Never place on low-contrast ground.
- Never retype or rebuild the wordmark.
Icon and app icon
Approved tile fills. Never a photo behind the monogram. The monogram sits in the tile at 52% of tile height.
