Hiraal Brand

Hiraal Lifecare · Logo

The symbol and the lockups

A person held in two caring hands, drawn from circles and tangent arcs, beside a wordmark in Objektiv Mk1. Reproduce it only from the supplied files.

The symbol

Board 02 — “A person held in two caring hands.”

Brand guideline, page 02 — the symbol: the person, the two hands, the ring.
Download the symbol: SVG PDF

Anatomy

Board 04 — “One gap unit governs the whole mark.”

Page 04 — every dimension of the mark expressed in the one gap unit.

Construction

Board 03 — “Every edge is a circle, a line or a tangent arc.”

Page 03 — the geometry the symbol is drawn on. For verification; reproduce from the master artwork.

Lockups

Board 05 — “One symbol, four lockups.” Choose by the shape of the space, then check the minimum size.

Page 05 — the four lockups.

Horizontal lockup

Symbol beside the wordmark. Four versions supplied. The lockup used on lifecare.hiraal.com.

Stacked lockup

Symbol above the wordmark. Navy + teal and reverse versions supplied.

Compact lockup

Navy + teal and reverse versions supplied.

Wordmark

The name without the symbol. Navy and white versions supplied.

Clear space

Board 06 — “Give it the head as breathing room.” Clear space equals the head radius of the symbol: no text, rule, edge, photograph or other logo inside it.

Page 06 — clear space and size.
More space is always allowed. Less is not.

Minimum size

Below these widths the wordmark breaks up. Change to a smaller lockup, then to the symbol alone.

Lockups · print

26 mm

Lockups · screen

32 px

Symbol alone

16 px

Horizontal lockup at 32 px — the minimum on screen

Colour versions

Four, and only four: navy + teal, reverse, navy alone, white alone. The teal must never carry text on navy.

Navy + teal

White and light surfaces. The default.

Reverse · white + teal

Hiraal Navy surfaces.

Navy alone

One-colour reproduction.

White alone

Teal surfaces and photography.

The symbol in the same four

Navy + teal

SVG

Reverse · white + teal

SVG

Navy alone

SVG

White alone

SVG
There is no gradient, no outline and no fifth colour. If a medium cannot hold two colours, use navy alone or white alone.

Backgrounds

The four versions decide the pairings. Contrast chooses the version, not preference.

Approved

White

Surface

Tint

Hiraal Navy

Hiraal Teal

Outside the four versions

Navy + teal on teal — the teal disappears

Reverse on white — the white disappears

Navy + teal on navy

Mid grey — neither colour reads

Rules

The guideline's rules for the mark, as written.

The rules

  • Use the approved lockups from the Logo Assets set. Never redraw, retype, stretch, rotate or recolour the mark.
  • Clear space equals the head radius of the symbol. Minimum widths: 26 mm print, 32 px screen; the symbol alone, 16 px.
  • Four colour versions only: navy + teal, reverse (white + teal), navy alone, white alone.
  • Navy carries structure, teal marks every action. Teal must never carry text on navy.
  • Inside the running app the symbol appears on the splash screen only; after that the brand is carried by colour and shape.

Never

  • Redraw, retype, stretch, rotate or recolour the mark.
  • Teal text on a navy surface.
  • A fifth colour version, a gradient or an outline.
  • The symbol anywhere inside the running app except the splash screen.

Icon and app icon

Board 08 — “The symbol at 62 percent of the tile.”

Page 08 — the app icon and favicon set.
The symbol in the tile
62% of the tile
Smallest symbol
16 px
Wordmark in the icon
Never — the symbol carries it