Vandebron Design Lang — Petter Andersson

Vandebron Design Language Refresh ^(WIP)

Design direction on a refreshed and modernized digital design language for Vandebron. Drawing inspiration from a new brand campaign and the findings of an accesibily audit. Work in progress, expected full-size launch in Q1 2025.

Together With
Vandebron Design
Vandeborn Brand Marketing
Dawn — part of Springbok (brand campaign)

Type treatment by Dawn for the brand campaign

Old type applied to a regular content block

New type, new paragraph color and removal of drop shadows

Old color palette. Pale/matte, complex and too many similarities between colors.

New color palette. More vibrant, simplified and combining similar colors.

Old color palette combinations. Pale/matte and low contrast that did not pass AA accessibility standards.

New color palatte combinations. A bit more punchy and higher contrast, passes AA accessibility standards.

Old color palette and drop shadows impact on UI. Low contrast and hard to distinguish components states. Did not pass accessibility audit (AA).

New color palette and outlines(instead of dropshadows) impact on UI. Better contrast and easier to distinguish a components state. Passed accessibility check (AA).

Exploration on the impact of the above fixes in the Vandebron app enviroments (Energy + EV)