Brand system / Logo
Logo
Official specifications for the Holistic Smart logo: lockup geometries, colourway variations, clearspace boundaries, minimum sizes, and usage rules.
The Master Lockup
The primary identity consists of the dynamic faceted shield mark paired with the custom "HOLISTIC" wordmark and "SMART" division badge. The horizontal configuration is our primary master brand mark.
Master Horizontal Lockup (Full Colour): Standard presentation on white and pale neutral surfaces. Features the 3 Blues (Brand Navy #003375, Cerulean Blue #069EEA, Holistic Sky #11A7FF) and 2 Greens (Holistic Lime #99CC00, Deep Lime #78B023).
Lockup Variations
Four official colourway treatments of the horizontal and vertical lockups ensure maximum visibility and legibility across all backgrounds.
Horizontal Lockup Variations
Default version for white, off-white, and light grey surfaces (contrast ratio ≥ 7.0:1).
Primary lockup for Brand Navy and dark blue backgrounds with high-contrast white "SMART" typography.
Single-color white for solid black, darkened photography, and monotone dark surfaces.
Single-colour print applications, two-tone technical drawings, architectural submittals.
Laser etching, thermal stamping, black-and-white fax, and single-plate newsprint.
Vertical (Stacked) Lockup
The stacked vertical lockup is optimized for center-aligned canvases, mobile splash screens, square social avatars, and tall vertical banners.
The Shield Symbol
The standalone faceted emblem represents multi-tiered network security, data flow energy, and structural resilience. Use it where the brand name is already established by surrounding context.
Geometry & Construction
The mark is constructed on a precision dynamic grid. Interlocking flow ribbons angle at 32° and 58° vectors, establishing energetic diagonal motion while maintaining balanced architectural symmetry.
Vector ratios: The wordmark height aligns with 62% of the shield height; the "SMART" badge sits precisely flush with the baseline and cap-height of the second line.
Exclusion Zone (Clearspace)
To maintain visual impact and prevent interference from surrounding elements, an exclusion zone of 1.5X (where X equals the height of the "SMART" pill badge) must surround all sides of the mark.
1.5X Clearspace
1.5X Clearspace
Minimum Reproduction Size
Never scale the logo below these thresholds. Below these dimensions, letter legibility and fine vector ribbons degrade.
Horizontal Lockup
Digital Screens: 140px width (at 1x density)
Print Submittals: 38mm width (300 DPI)
Vertical Lockup
Digital Screens: 80px width (at 1x density)
Print Submittals: 25mm width (300 DPI)
Standalone Symbol
Digital Screens: 24px × 24px (Favicons & UI)
Print Submittals: 10mm height
On Backgrounds
Selecting the correct lockup version based on surface tonal value.
On White / Light: Use Primary Full Colour.
On Brand Navy: Use Colour on Dark Navy (or White Inverted).
On Soft Tint: Use Primary Full Colour.
Incorrect Usage (Don'ts)
To maintain brand integrity, never alter, distort, re-color, or modify the logo artwork in any way.
Download Official Vector Artwork
Direct access to the source SVG vector files for designers, web developers, and print production teams.
| Asset File | Format | Recommended Use | Action |
|---|---|---|---|
| holistic-logo-horizontal.svg | Scalable Vector (.SVG) | Websites, software UIs, headers, white marketing decks | SVG PDF |
| holistic-logo-horizontal-over-navyblue.svg | Scalable Vector (.SVG) | Brand Navy backgrounds, dark footers, high-contrast displays | Download SVG |
| holistic-logo-horizontal-white.svg | Scalable Vector (.SVG) | Dark theme portals, navy banners, vehicle livery | Download SVG |
| holistic-logo-horizontal-navy.svg | Scalable Vector (.SVG) | Single-color brand navy submittals, technical blueprints | Download SVG |
| holistic-logo-horizontal-black.svg | Scalable Vector (.SVG) | Single-plate newsprint, laser etching, monochrome stamping | Download SVG |
| holistic-logo-vertical.svg | Scalable Vector (.SVG) | Square profile avatars, vertical site banners, mobile splash | SVG PDF |
| holistic-logo-vertical-over-navyblue.svg | Scalable Vector (.SVG) | Vertical dark layouts, mobile splash on Brand Navy | Download SVG |
| holistic-logo-vertical-white.svg | Scalable Vector (.SVG) | Vertical dark layouts, mobile splash on Brand Navy | Download SVG |
| holistic-logo-vertical-navy.svg | Scalable Vector (.SVG) | Vertical single-color navy print and technical sheets | Download SVG |
| holistic-symbol-color.svg | Scalable Vector (.SVG) | Favicons, app icons, watermark stamps, badge plates | SVG PDF |
| holistic-symbol-over-navyblue.svg | Scalable Vector (.SVG) | App icons on Brand Navy, dark theme headers, splash badges | Download SVG |
| holistic-symbol-white.svg | Scalable Vector (.SVG) | App icons on navy/dark, workwear embroidery | Download SVG |
| holistic-symbol-navy.svg | Scalable Vector (.SVG) | Single-color navy icon and watermarks on white | Download SVG |