Full brandbook — live demo

Graphic language

A sun, a wave and an open arch

Three shapes from the symbol do all the graphic work: the circle of the sun, the line of the wave and the arch of a Mediterranean doorway. Combined with real photos and plenty of Shell, they make anything recognisably Onda — even without the logo.

The sun

A full or half circle in Sunset. Use one per layout, as a highlight behind a headline, a price or a photo. Never more than one sun.

The wave

A soft wave line in Harbour or Sky, 2% of the format width. Use it as a divider or along the bottom edge — never as a frame around text.

The arch

Our frame for photos: a rectangle with a half-round top, like the doorways of our houses. Corners elsewhere are rounded at 24 px (screen) or 4 mm (print).

Sunset-orange wall with an arched window looking out over a blue sea — The arch frame with a sun: our most recognisable composition. Use it for covers, posters and the first slide of a presentation.

Illustration

One line, one sun

Our illustrations borrow the logic of the wordmark: one even line weight in Night, round ends, and a single Sunset sun as the only solid shape. Use them for maps, menus, little guides and anywhere a photo would be too much.

Line illustration of a sailing boat, waves, a lemon branch and a beach hut in front of a large orange sun — Line weight: 2% of the image width. Colours: Night lines, Harbour water, one Sunset sun and at most one Lemon detail.

The sun-and-wave pattern

Built from the symbol: half a sun and a wave, repeated. Use it on packaging, tissue paper, room-key sleeves and the back of business cards — never behind text or the logo, and never on more than one surface per item.

Repeating pattern of orange half suns and blue waves on Shell — Pattern tile: 200 × 200 px. Scale it so that each sun is at least 10 mm wide in print.

Icons

Interface icons

On the website, in the app and on signs in the houses we use Material Symbols: Rounded, weight 300, in Harbour. Search for what you need, click an icon to copy its name or SVG, or download it as SVG or PNG.

Staying with us

12 icons

Getting around

12 icons

Material Symbols by Google, open source (Apache 2.0)

Combining

How the elements work together

Do

Pick one graphic element per layout: a sun, a wave or an arch.
Let photos fill an arch; let the sun sit behind type or a price.
Use icons at 24 px with labels in interfaces, at 48 px on signage.

Don't

Don't stack sun, wave and pattern on the same surface.
Don't put the pattern behind text or the logo.
Don't mix Material Symbols with other icon sets or emoji.