Full brandbook — live demo

Logo

One line, drawn like a wave

The Onda wordmark is built from circles and straight stems in a single, even line weight — round like the sun, steady like the horizon. Use the files from this guide; never redraw or retype it.

For screens: websites, apps, social media, presentations and email.

Primary — Night on light

SVGRGB · 361 B · 640 × 220 px

Reversed — Shell on dark

SVGRGB · 339 B · 640 × 220 px

On Sunset — Night

SVGRGB · 361 B · 640 × 220 px

Screen preview

Black — single-colour print

No RGB file for this version.

Symbol — the setting sun

SVGRGB · 885 B · 400 × 400 px

Lockup — symbol + wordmark

SVGRGB · 1 KB · 1100 × 300 px

Which version to use

Wordmark is the default, in almost every situation. Use Night on light backgrounds and Shell on dark ones.
On Sunset the wordmark is always Night (4.7:1) — never white, which only reaches 3.3:1.
Black is only for single-colour print: newspapers, stamps, engraving and embossing.
Symbol is for small or square spaces where the name is already clear: app icons, favicons, avatars, wax seals and room keys.
Lockup is for first impressions where we need both: the website header on mobile, the front of a brochure, flags.

Digital or print

Use the switch on each logo card to pick the right file. Digital · RGB is for screens: websites, apps, social media, presentations and email. Print · CMYK is for everything printed in four colours: brochures, menus, posters and business cards. Pantone is for spot-colour work where the colour must match exactly: signage, textiles, ceramics, embroidery and our letterhead (Pantone 2768 C for Night, 7579 C for Sunset). The reversed logo in print is never printed white — it's the paper showing through.

Clear space

Give it room to breathe

The minimum clear space around the logo is x: the height of the letter o. Nothing enters that area — no text, no image edges, no other logos. More space is always better.

Clear space = x on all four sides. The same rule applies to the symbol and lockup.

Minimum size

Small, but always legible

Below these sizes the counters of the o and d close up. If you need to go smaller, switch to the symbol.

Wordmark 20 mm / 80 px · Symbol 8 mm / 24 px · Lockup 30 mm / 120 px.

Hotel lockups

One family, five houses

Each house uses the Onda wordmark with its place name, separated by a short Sunset rule. The place name is set in DM Sans Regular, in capitals, with 20% letter spacing, at 45% of the wordmark's height.

Hotel lockups. Always use the supplied files — place names keep their local spelling and accents.

Do's and don'ts

Keep it simple

The logo works because it's calm. Please don't add anything to it.

Use Night on Shell or white, with generous clear space.
Place Shell on a calm, even area of a photo — sky, sea or a plain wall.
Use the Night wordmark on Sunset for our boldest moments.
Use the symbol on its own for app icons and avatars, centred with even padding.
Use the lockup on light supporting colours such as Sky or Apricot.

Don't

Don't stretch, squash or change the proportions.
Don't recolour the logo or use gradients.
Don't rotate the logo or set it on a curve.
Don't place it on busy images where it loses contrast.
Don't add shadows, outlines, glows or 3D effects.

Details

Logo rules in detail

Clear space and placement

Minimum clear space is x (the height of the o) on every side. On formats up to A4, place the logo at least 12 mm from the trim; on screens at least 24 px from the edge. Preferred positions are top left or bottom centre. Align the logo's left edge with the text column, not with the image.

Minimum sizes

Wordmark: 20 mm wide in print, 80 px on screen. Symbol: 8 mm in print, 24 px on screen (16 px only as a favicon). Lockup: 30 mm wide in print, 120 px on screen. Embroidery and embossing need at least 35 mm for the wordmark.

Choosing a colour version

Night on Shell, white, Sky or Apricot. Shell on Night, Harbour or a dark, calm photo. Night on Sunset — never Shell or white on Sunset. Black only when you print in one colour. When in doubt, check the contrast: the logo needs at least 4.5:1 against its background.

File formats

SVG — websites, apps and anything digital. PDF (vector) — print, signage and agencies. PNG with transparency — Office documents and email signatures (export at 2× the display size). Never use a JPG of the logo, and never take the logo from a screenshot.

Co-branding and partners

Place partner logos side by side with Onda, separated by a thin vertical rule in Night at 20% opacity. Both logos get the same optical height and at least 2x of space between them. Onda always comes first (left or top) on our own materials. All co-branded work needs approval from the brand manager before it's published.

App icon, favicon and avatars

Use the symbol on its own, centred, at 80% of the canvas. On social platforms the avatar is the symbol on Shell. Don't put the wordmark in a circle — it becomes illegible.