Brand usage guidelines (monochrome set, clear-space, and minimum size guidance). The logo mark is preserved structurally and positionally.
Embedded SVG Downloads
Files are embedded inside this HTML and extracted on tap/click
Full Logo Masters
Mark-Only Masters
No external files required for these downloads. Each SVG is stored in this document and exported locally as an .svg file when you press a button.
Monochrome Masters (Full Logo)
Black#000000
White#FFFFFF
Gray#7B7B82
Use the black version on light backgrounds, white on dark backgrounds, and gray where a softer premium presence is needed without reducing contrast below accessibility needs.
Mark-Only Masters
Mark Black#000000
Mark White#FFFFFF
Mark Gray#7B7B82
Do not redraw, stretch, rotate, or alter the mark geometry.
Keep mark and wordmark alignment fixed in the approved lockup.
Avoid shadows, bevels, glow effects, or gradients unless a dedicated brand extension is approved.
Clear-Space Rule
Recommended minimum clear space = x
Artboard / placement boundaryClear-space boundary (keep empty)Approved logo lockup
How to measure x
x is the dot diameter of the mark (the circular node on the right side of the bookmark symbol).
Maintain at least 1x clear space on all sides of the full logo lockup.
For crowded UI placements (toolbars, cards, nav bars), use 1.25x–1.5x for better optical breathing room.
No text, icons, borders, or UI chrome should enter the clear-space zone.
This preserves the current structure and placement while improving premium visual rhythm in use.
Minimum Size
Asset
Screen (min)
Print (min)
Preferred Use
Full logo lockup
160 px width
32 mm width
Headers, landing sections, docs
Full logo lockup (tight UI)
140 px width*
28 mm width*
Only if tested and legible
Mark only
24 px height
5 mm height
Favicons, buttons, small UI
Mark only (preferred)
28–32 px height
6–7 mm height
App icons / toolbar placements
*Use the tighter minimum only when display quality, contrast, and spacing are controlled.
Scale Checks
160 px
140 px
28 px mark
Usage Notes
Use SVG masters wherever possible for crisp rendering on all densities.
For raster exports, generate from SVG at required sizes (1x/2x/3x) without re-tracing.
Keep the logo mark exactly as approved (same geometry and placement).
If a darker gray variant is needed for accessibility on light UI, create a separate approved token rather than changing this master arbitrarily.