Skip to content
heyrav design system
FoundationsShipped

Brand

Two marks: the swash lockup for signing things off, the master D for holding things. Pure black artwork - it dims, it never recolours.

The lockup

The swash (a leaf, 90 × 58 units), its dot, and the name set beside it. It signs every page off in the footer and doubles as the way home.

Ravindra Pratap
Show code
<img src="../assets/brand/lockup.svg" alt="Ravindra Pratap" width="194" height="63" class="d-invert">

The master D

A rectangle and a true semicircle (R = H / 2) holding a 10-unit grid at 30%, with the lockup knocked out in white at (50.9, 112). The construction is the identity - every generator in Tools draws from these exact paths, never from a redrawing.

The heyrav master D with its construction grid
Show code
<img src="../assets/brand/master.svg" alt="The heyrav master D with its construction grid" width="290" height="207" class="d-invert">

Sizes

UseHeightWhy
Nav28pxSits inside the 44px target of a 68px bar.
Footer sign-off32pxThe name's cap height is 0.256 of the lockup, so 32px renders an 8.2px cap - just under the 12px label floor. At that size the lockup reads as one mark, not a line of copy. The link keeps a 44px min-height.
Favicon16 / 32 / 180The D alone; the swash disappears below 32px.

Rules

Do
  • Use the SVG from assets/brand/; let CSS set height with width:auto.
  • Dim it on hover (opacity:.6) - the artwork is pure black.
  • Invert it, whole, on a dark surface.
Don't
  • Recolour, outline or add effects to the mark.
  • Set the nav logo at 65% like the other nav links - identity is not a de-emphasised item.
  • Redraw the swash; the curve is two arcs on a diagonal and drifts if traced.

Applications

Made with the heyrav tools from the master paths.