Inspiration by VASA Works
Get started

Opera One Design Guide 2023

A 31-page dark-mode brand and product guideline deck for Opera One, built on oversized all-caps Be Vietnam Pro headlines, a Space Mono utility layer, and iridescent fluid gradients against pure black.

31 slides · Guideline

View deck overview
Opera One design guide cover, dark-mode, gradient-heavy, dark
Cover
A Living Brand intro, dark-mode, editorial, dark
Statement
Content index, dark-mode, editorial, dark
Contents
New Look, Same Mission, dark-mode, editorial, dark
Vision
Logo section divider, dark-mode, editorial, dark
Section
Icon inventory three variants, dark-mode, technical, dark
Iconography
Product logo skeuomorphic mark, dark-mode, technical, dark
Logo Usage
Opera One utility logo, dark-mode, technical, dark
Logo Usage
Expressive logo, dark-mode, technical, dark
Logo Usage
Logo clear space and minimum size, dark-mode, technical, dark
Logo Usage
Wordmark representation do and don't, dark-mode, technical, dark
Logo Usage
Partnership lockup, dark-mode, technical, dark
Logo Usage
Opera One, The Redesign divider, dark-mode, editorial, dark
Section
Start page dark mode mockup, dark-mode, technical, dark
Screenshot
Start page light mode mockup, dark-mode, light-mode, dark
Screenshot
Colors and Gradients section divider, dark-mode, editorial, dark
Section
Color use strategy, dark-mode, technical, dark
Color Palette
Palette and ratio, dark-mode, technical, dark
Color Palette
In Situ Examples section divider, dark-mode, editorial, dark
Section
Transit poster mockup attract graphic, photographic, dark-mode, dark
Mockup
The Browser of the Future poster campaign, photographic, editorial, dark
Mockup
Street-level poster placements, photographic, editorial, dark
Mockup
Large-format mural mockup, photographic, editorial, dark
Mockup
Transit posters with headline and UI, photographic, editorial, dark
Mockup
Typography section divider, dark-mode, editorial, dark
Section
Typefaces Be Vietnam Pro and Space Mono, dark-mode, editorial, dark
Typography
Styles and hierarchy, dark-mode, editorial, dark
Typography
Primary H1 specimen Be Vietnam Pro all-caps, dark-mode, swiss, dark
Typography
Primary H2 specimen Be Vietnam Pro lowercase, dark-mode, swiss, dark
Typography
Secondary specimen Space Mono, dark-mode, swiss, dark
Typography
Thank you and contacts, dark-mode, editorial, dark
Closing