VANTIC

In use

FROM FEED TO FAÇADE.

The system holds at every scale. One display line in capitals, one photograph with one Signal, the mark in its clear space. These are the reference layouts for campaign, print, social, product and the everyday email. Use them as they are or as the starting point for your own.
FROM FEED TO FAÇADE.

01

Campaign and out of home

Poster, dark — full-bleed photograph, display line in Ice, lockup negative.

Poster, dark — full-bleed photograph, display line in Ice, lockup negative.

Poster, light — Ice ground, display line at maximum size, photograph as a strip.

Poster, light — Ice ground, display line at maximum size, photograph as a strip.

Billboard layout: Cut on the move
48-sheet billboard — gradient carries the type, the photograph carries the motion.
Poster pasted on a concrete wall in an underpass

Where we show up. Underpasses, stairways, platforms, bridges. The places people actually move through, not the places they shop. Posters are pasted in runs of three, always at eye level of a walking person, never behind glass.

Rules. One display line, maximum five words. Photograph with exactly one Signal element. Lockup in clear space, never smaller than 140 px or 30 mm. No QR codes on posters, the URL is enough.

02

Brand book, brochures and flyers

Brand book spread: Crews, not audiences
Brand book spread — photograph left, headline, one paragraph and three figures right.

Flyer A5. Product top, facts below. The display line is the product promise, the figures are the proof: weight, temperature, drop, price. No lifestyle copy on a flyer.

Paper. Uncoated, 300 g, off-white (Ice). Signal is printed as Pantone 172 C, never as a CMYK build. Black is rich black 75/68/67/90 for large areas, single black for type.

Folding. Only parallel folds. The display line never crosses a fold.

Flyer A5: PULSE 03 Wet

03

Social

Feed 4:5 — display line bottom left, Vector bottom right.

Feed 4:5 — display line bottom left, Vector bottom right.

Story 9:16 — type in the lower third, safe zone 250 px.

Story 9:16 — type in the lower third, safe zone 250 px.

Data card 1:1 — one number, Sonic waveform, Signal for the peak.

Data card 1:1 — one number, Sonic waveform, Signal for the peak.

Vertical is native. Most people meet VANTIC on a phone at 23:00. Shoot vertical on set, do not crop landscape frames afterwards. Captions replace hashtags with place and time: “Rotterdam, 06:12.” Motion posts follow the film rules: cut on movement, six seconds minimum, Vector end card for one second.

04

Digital product

LINK app: live session screen

The LINK app and vantic.example share one token set. Dark by default, Ice mode for daylight. Corners are 0 px on containers and 4 px on controls. Signal is reserved for the primary action and live states; Sonic draws data and never appears in print.

Numbers are the interface. The largest element on any screen is a figure in Archivo. Labels sit below it in Plex Sans capitals. Maps and photography are dimmed to 55 % so the data stays in front.

Motion follows the film: 200 ms ease-out, cut on motion, no bounces, no spinners. The Signal square pulses once at 1.2 Hz when a session starts.

CSS Design tokens — vantic.tokens.css
:root {
  /* Colour */
  --vn-asphalt:  #0B0B0D;
  --vn-graphite: #2A2C31;
  --vn-night:    #101A2E;
  --vn-concrete: #8C9096;
  --vn-ice:      #F2F3F5;
  --vn-signal:   #FF3B1F;
  --vn-sonic:    #35D6F2;

  /* Type */
  --vn-font-display: 'Archivo', system-ui, sans-serif;
  --vn-font-text:    'IBM Plex Sans', system-ui, sans-serif;
  --vn-track-display: -0.03em;
  --vn-track-label:    0.08em;

  /* Shape & motion */
  --vn-radius-container: 0;
  --vn-radius-control:   4px;
  --vn-ease:  cubic-bezier(0.2, 0.8, 0.2, 1);
  --vn-fast:  120ms;
  --vn-base:  200ms;
}

.vn-display {
  font: 700 clamp(64px, 12vw, 240px)/0.9 var(--vn-font-display);
  letter-spacing: var(--vn-track-display);
  text-transform: uppercase;
}
.vn-button-primary {
  background: var(--vn-signal);
  color: var(--vn-asphalt);
  font: 600 13px/1 var(--vn-font-text);
  letter-spacing: var(--vn-track-label);
  text-transform: uppercase;
  border-radius: var(--vn-radius-control);
  transition: transform var(--vn-base) var(--vn-ease);
}
.vn-button-primary:hover { transform: translateY(-2px); }

05

Email signature

Global email signature

Replace name, role and phone number. Keep the order, the colours and the single Signal rule. No quotes, no images, no additional links.

Vorschau
<table cellpadding="0" cellspacing="0" border="0" style="font-family:'IBM Plex Sans',Arial,Helvetica,sans-serif;font-size:13px;line-height:20px;color:#0B0B0D;">
  <tr><td style="padding:0 0 2px 0;font-size:15px;font-weight:700;letter-spacing:-0.01em;">Noor Adeyemi</td></tr>
  <tr><td style="padding:0 0 12px 0;color:#8C9096;">Co-founder &amp; Chief Brand Officer</td></tr>
  <tr><td style="padding:0 0 12px 0;border-top:2px solid #FF3B1F;width:32px;"></td></tr>
  <tr><td style="padding:0;">
    <strong style="letter-spacing:0.06em;">VANTIC</strong> Movement Systems B.V.<br>
    Wilhelminakade 173 · 3072 AP Rotterdam · NL<br>
    T <a href="tel:+31102040100" style="color:#0B0B0D;text-decoration:none;">+31 10 204 0100</a> ·
    M <a href="mailto:noor@vantic.example" style="color:#0B0B0D;text-decoration:none;">noor@vantic.example</a><br>
    <a href="https://vantic.example" style="color:#0B0B0D;text-decoration:underline;">vantic.example</a> · <a href="https://link.vantic.example" style="color:#FF3B1F;text-decoration:none;font-weight:600;">Join LINK</a>
  </td></tr>
</table>

Templates and logo package

All layouts on this page are in the media pool under Templates as PNG at production size. The logo package contains every mark as SVG with a readme on clear space and minimum sizes.
© VANTIC Movement Systems B.V., Rotterdam — Brand Guidelines v3.2. Internal and partner use only. · Images and video in this guide are AI-generated and labelled accordingly (EU AI Act, Art. 50).
esc