Hiraal Clinic · Logo
The logo
One approved artwork in five lockups and five colourways. This page describes how to place it — never how to rebuild it.
The primary lockup
The mark, the two-colour wordmark and the tagline are one locked artwork.
The lockup family
Pick by the shape of the space, then by whether the tagline can still be read. There is no wordmark-only version.
One document, one lockup. Never place two different lockups on the same surface.
Anatomy
The name of every part. Nothing in it is optional.
The mark
Head, body and four rising arcs. The arcs are part of the mark and are never removed.
The wordmark
“Hiraal” in Clinic Indigo, “Clinic” in Clinic Cyan. The split is fixed.
The cyan accent
The terminal of the r is Clinic Cyan. A deliberate detail that ties the wordmark to the mark.
The tagline
Set once inside the artwork. It is never retyped and never translated inside the lockup.
Construction
Every measure is a multiple of x, the diameter of the head.
Total width
15 x
Total height
4.4 x
Wordmark band
1.7 x
Wordmark to tagline
0.2 x
Clear space
Keep x clear on every side. No text, rule, edge, photograph or other logo inside it. x scales with the logo.
More space is always allowed. Less is not. In a corner, measure x from the trim edge, not from the text block.
Minimum size
Below these sizes the artwork stops working. Change to a smaller lockup rather than shrinking the one you have.
| Shown at minimum digital size | Lockup | Digital | |
|---|---|---|---|
| Primary | 35 mm | 140 px | |
| Horizontal | 22 mm | 90 px | |
| Stacked with tagline | 26 mm | 100 px | |
| Stacked | 20 mm | 80 px | |
| Icon | 8 mm | 28 px |
Print sizes are the width of the lockup. Embroidery and engraving: never place the tagline below 6 mm cap height.
Positions
Where the logo sits on a layout. Margins are x or more, and the logo aligns with the type area, never with the trim.
Do
- Top left for letters, forms and documents.
- Centred for covers, panels and social avatars.
- Bottom left where the top of the page carries a photograph.
- One position per document, kept throughout.
Don't
- The right edge of a left-to-right page, unless it is a right-hand spread.
- Inside a text column or between paragraphs.
- Closer to the trim than x.
- Over a busy area of a photograph.
Colour versions
Five colourways. The first three carry the brand; the mono versions exist for the limits of a medium.
There is no gradient, no outline and no gold version. If a medium cannot hold two colours, use Indigo mono, White or Black.
Backgrounds
Contrast chooses the version, not preference. Test at the size the logo will actually be seen.
Approved
White
Mist
Cyan tint
Clinic Indigo
Navy Deep
Clinic Cyan
Not approved
Mid grey-blue — the indigo disappears
Cyan under full colour — no separation
Navy Soft under full colour
Any warm, off-brand colour
On photography use the White version over a calm area. If there is none, add a solid Indigo band and use Reversed — never a shadow, glow or transparent plate.
Misuse
Each of these has happened to a real logo. None of them is a small mistake.
Icon and app icon
The mark alone, in supplied tiles. The mark fills 52% of the tile height, centred. Never re-crop it yourself.
Favicon
Below 28 px the four inner arcs merge, so the favicon uses the simplified mark: head and body only. Supplied at 16, 32 and 64 px.
- Tile
- 1024 × 1024 px master, iOS 180, Android 512
- Mark height
- 52% of the tile, centred
- Corner radius
- Supplied; platforms apply their own mask
- Wordmark in icon
- Never