Brandkit

Everything that makes SUPRA ENVISION look like itself: the lockup, the S icon and favicon, colour, type, motion and the rules that hold them together.
Download the kit Guidelines PDF · 20 pages
SUPRA ENVISION logo

Logo

SUPRA in Montserrat ExtraBold, ENVISION in Bold justified to its width, and the violet dot. Built on the Supra Connect lockup. Click any version for the SVG.

Primary · darkPrimary · dark · SVGPrimary · whitePrimary · white · SVGReverse · violetReverse · violet · SVGMono · blackMono · black · SVGMono · whiteMono · white · SVG
Clear space and sizeOne dot diameter on every side. At least 120 px wide on screen, 30 mm in print; smaller than that, use the icon.

Icon andfavicon

The S and the dot on a rounded square. Dark is the website favicon; light for light interfaces; violet for social avatars. The kit includes ICO, SVG and PNG at 16 to 512 px.
icon darkicon lighticon violetavatar square

Colour

70 ink, 18 paper, 8 violet, 4 lilac. Violet is an accent, never a flood. Click a swatch to copy its hex.

AaMontserratOne family, free on Google Fonts. ExtraBold for display, Bold for headings and labels, Regular for reading.
Display · 800 · uppercase · −0.04emRun ahead
Heading · 700 · −0.02emThree disciplines. One studio.
Body · 400 · 17–20 px · 1.55Tell us where your business is today. We will show you what it could look like.
Label · 700 · uppercase · +0.18emWeb design · AI automation
Everything, one downloadLogos (SVG and PNG), icons, favicon set, colour tokens and the 20-page guidelines.
Brand kit · ZIP