Represent VoodooTech accurately.
Download the logos, copy the exact colours and gradients, and follow the typography and voice rules that keep the brand consistent everywhere it appears.
Logo
The lockup is the voodoo doll mark, floating in its lime glow, set to the left of the VoodooTech wordmark. The word is one piece: Voodoo stays neutral and Tech always takes the lime accent.
The mark
The doll mark can stand alone as an app icon, favicon or avatar. It is supplied as a transparent PNG and always keeps its lime glow. Give it a square, uncluttered space and let the glow breathe.
Clear space and minimum size
Give the lockup room. Keep clear space of at least x, the height of the mark, on every side, and never let visual elements crowd it.
VoodooTechxxxxRules of thumb
- x equals the height of the doll mark.
- Keep at least x of clear space on all four sides.
- Minimum size: keep the mark at or above 24px tall on screen.
- Never stretch the clear space into the glow, it is part of the mark.
What not to do
The lockup is fixed. Do not redraw, recolour or restyle it. These are the most common ways it goes wrong.
VoodooTechDon’t recolour the accent word
VoodooTechDon’t change the glow colour
VoodooTechDon’t rotate the lockup
VoodooTechDon’t stretch or skew
VoodooTechDon’t add extra effects
VoodooTechDon’t use low-contrast grounds
Colour
A near-black canvas with one decisive accent: lime. The palette below is the source of truth, taken straight from the design tokens. Tap any value to copy it.
Core palette
Lime accent
--accentPrimary accent: CTAs, links, focus, the glow
Accent dim
--accent-dimAccent hover state and gradient stop
Background
--backgroundPage base, the canvas everything sits on
Surface
--surfaceCards and raised panels
Surface 2
--surface-2Nested surfaces and inputs
Border
--borderHairlines and dividers
Foreground
--foregroundPrimary text on the dark canvas
Muted
--mutedSecondary text and captions
Product accents
Each product keeps its own accent: indigo for CompanyReach, emerald for StatementConverter.UK. Use them only on their respective surfaces, never as a second brand colour for VoodooTech itself.
CompanyReach indigo
CompanyReach accent, gradient start
CompanyReach violet
CompanyReach gradient end
StatementConverter emerald
StatementConverter.UK accent, gradient start
StatementConverter deep
StatementConverter.UK gradient end
Gradients and the glow
Gradients are used sparingly, mostly on buttons and product tiles. The signature effect is the lime glow that lifts the mark and the primary button.
Lime progress
Route progress bar and accent rules
Accent display
Serif display highlights, the lime headline accent
CompanyReach
CompanyReach buttons, tiles and glows
StatementConverter.UK
StatementConverter.UK buttons and tiles
Signature glow
The mark and the primary button share one lime glow. Reach for it as the brand highlight, not as a default shadow on every element.
Typography
Two typefaces carry the whole brand: Plus Jakarta Sans for everything functional, and Instrument Serif for editorial, italic accents.
Plus Jakarta Sans
UI, body and the VoodooTech wordmark. Weights 400, 500, 600, 700 and 800. The wordmark is 600 with tight tracking.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Instrument Serif
Display headings and italic highlights, usually in lime. Used in small doses for the phrases that should feel hand-set.
what others miss · software that sees
Fluid type scale
One responsive scale, clamped between 360px and 1440px, with a 14px readability floor.
Voice and brand names
How VoodooTech writes matters as much as how it looks. Confident, plain and precise, with credentials over scale claims.
Get the names right
Spelling and casing are part of the brand. These never change.
- VoodooTech Voodoo Tech, VooDoo Tech
- CompanyReach CompanyWatch, Company Reach
- StatementConverter.UK Statement Converter, EasyDocs
Writing rules
The small choices that keep copy unmistakably ours.
- British English: optimise, organise, specialised, colour.
- Sentence case for headings, not Title Case.
- No em-dashes. Use a comma, colon or full stop instead.
- Use the middle dot · for inline separators.
- Lead with credentials, ICO registered, GDPR compliant, not scale.