Live next to us, never inside us.
Three lockups for three jobs. Use them at the right size, with room to breathe, and your packaging will look like ours intended it to.
Powered by Scannable
Three forms. One mark.
Stacked
Square spaces. Hangtags, social avatars, app icons.
Horizontal
Footers, packaging side panels, partner pages.
Mark only
When the brand is already clear. Buttons, sleeves.
Smart PPE™
The product mark.
Stacked — dark bg
Packaging, hang tags, product pages on dark.
Stacked — white bg
Print, spec sheets, trade show materials.
Horizontal
Side panels, spec sheets, secondary lockup position.
Brand colour
Six colours. Three roles.
Deep Purple
#201B30
Background · dominant
Violet
#8A38F5
Gradient mid-stop
Lime
#CCFF00
Accent · CTA · focus
Magenta
#FF4CCF
Gradient end-stop
Lavender
#CAA8F5
Muted accent / inactive
White
#FFFFFF
Primary text on dark
The Smart PPE™ gradient runs lime → violet → magenta. Use it on marks and hero display text only — never on body copy or UI chrome.
Clearspace
Give it air equal to the height of the mark.
No type, no rules, no other logos closer than 1× the height of the Scannable mark. More is better. The mark is the breathing room.
Minimum size
Below this it stops working.
- Print16 mm wide (horizontal lockup)
- Digital96 px wide (horizontal lockup)
- Mark only8 mm / 24 px
Co-branding
Beside, not inside.
Powered by Scannable lives next to your brand on packaging, never on top of it. Match our lockup height to your wordmark's x-height, separated by a hairline rule.
Don't