Volledig brandbook — live demo

Grafische vormentaal

Een zon, een golf en een open boog

Drie vormen uit het beeldmerk doen al het grafische werk: de cirkel van de zon, de lijn van de golf en de boog van een mediterrane deuropening. Samen met echte foto's en veel Shell maken ze alles herkenbaar als Onda, ook zonder logo.

De zon

Een hele of halve cirkel in Sunset. Gebruik er één per ontwerp, als accent achter een kop, een prijs of een foto. Nooit meer dan één zon.

De golf

Een zachte golflijn in Harbour of Sky, 2% van de formaatbreedte. Gebruik hem als scheiding of langs de onderrand, nooit als kader om tekst.

De boog

Ons kader voor foto's: een rechthoek met een halfronde bovenkant, zoals de deuropeningen van onze huizen. Hoeken zijn verder afgerond op 24 px (scherm) of 4 mm (druk).

Oranje muur met een boogvenster dat uitkijkt op een blauwe zee — Het boogkader met een zon: onze meest herkenbare compositie. Gebruik hem voor covers, posters en de eerste slide van een presentatie.

Illustratie

Eén lijn, één zon

Onze illustraties lenen de logica van het woordmerk: één gelijke lijndikte in Night, ronde uiteinden en één zon in Sunset als enige gevulde vorm. Gebruik ze voor kaarten, menu's, kleine gidsjes en overal waar een foto te veel is.

Lijnillustratie van een zeilboot, golven, een citroentak en een strandhuisje voor een grote oranje zon — Lijndikte: 2% van de beeldbreedte. Kleuren: lijnen in Night, water in Harbour, één zon in Sunset en hooguit één detail in Lemon.

Het zon-en-golfpatroon

Opgebouwd uit het beeldmerk: een halve zon en een golf, herhaald. Gebruik het op verpakkingen, vloeipapier, hoesjes voor sleutelkaarten en de achterkant van visitekaartjes. Nooit achter tekst of het logo, en nooit op meer dan één vlak per item.

Herhalend patroon van oranje halve zonnen en blauwe golven op Shell — Patroontegel: 200 × 200 px. Schaal zo dat elke zon in druk minstens 10 mm breed is.

Iconen

Interface-iconen

Op de website, in de app en op bordjes in de huizen gebruiken we Material Symbols: Rounded, lijndikte 300, in Harbour. Zoek wat je nodig hebt, klik op een icoon om de naam of SVG te kopiëren, of download het als SVG of PNG.

Verblijf

12 iconen

Onderweg

12 iconen

Material Symbols van Google, open source (Apache 2.0)

Combineren

Zo werken de elementen samen

Wel doen

Kies één grafisch element per ontwerp: een zon, een golf of een boog.
Laat foto's een boog vullen; zet de zon achter tekst of een prijs.
Gebruik iconen op 24 px met labels in interfaces, op 48 px op bordjes.

Niet doen

Stapel zon, golf en patroon niet op hetzelfde vlak.
Zet het patroon niet achter tekst of het logo.
Combineer Material Symbols niet met andere iconensets of emoji.