Inspiration by VASA Works

Get started Log in

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

Opera One design guide cover

A Living Brand intro

Content index, dark-mode, editorial, dark

New Look, Same Mission, dark-mode, editorial, dark

New Look, Same Mission

Logo section divider

Icon inventory three variants, dark-mode, technical, dark

Icon inventory three variants

Product logo skeuomorphic mark

Opera One utility logo

Expressive logo

Logo clear space and minimum size

Wordmark representation do and don't

Partnership lockup, dark-mode, technical, dark

Partnership lockup

Opera One, The Redesign divider, dark-mode, editorial, dark

Opera One, The Redesign divider

Start page dark mode mockup, dark-mode, technical, dark

Start page dark mode mockup

Start page light mode mockup, dark-mode, light-mode, dark

Start page light mode mockup

Colors and Gradients section divider, dark-mode, editorial, dark

Colors and Gradients section divider

Color use strategy, dark-mode, technical, dark

Color use strategy

Palette and ratio, dark-mode, technical, dark

Palette and ratio

In Situ Examples section divider, dark-mode, editorial, dark

In Situ Examples section divider

Transit poster mockup attract graphic, photographic, dark-mode, dark

Transit poster mockup attract graphic

The Browser of the Future poster campaign, photographic, editorial, dark

The Browser of the Future poster campaign

Street-level poster placements, photographic, editorial, dark

Street-level poster placements

Large-format mural mockup, photographic, editorial, dark

Large-format mural mockup

Transit posters with headline and UI, photographic, editorial, dark

Transit posters with headline and UI

Typography section divider, dark-mode, editorial, dark

Typography section divider

Typefaces Be Vietnam Pro and Space Mono, dark-mode, editorial, dark

Typefaces Be Vietnam Pro and Space Mono

Styles and hierarchy, dark-mode, editorial, dark

Styles and hierarchy

Primary H1 specimen Be Vietnam Pro all-caps, dark-mode, swiss, dark

Primary H1 specimen Be Vietnam Pro all-caps

Primary H2 specimen Be Vietnam Pro lowercase, dark-mode, swiss, dark

Primary H2 specimen Be Vietnam Pro lowercase

Secondary specimen Space Mono, dark-mode, swiss, dark

Secondary specimen Space Mono

Thank you and contacts, dark-mode, editorial, dark

Thank you and contacts