Live demo of the Full brandbook blueprint · Onda is a fictional brand.All blueprintsJoin the waitlist
Skip to content
Onda
Logo4/12

Chapter 4 of 12

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
Primary — Night on light
  • SVGRGB · 361 B · 640 × 220 px
Reversed — Shell on dark
Reversed — Shell on dark
  • SVGRGB · 339 B · 640 × 220 px
On Sunset — Night
On Sunset — Night
  • SVGRGB · 361 B · 640 × 220 px
Black — single-colour printScreen preview
Black — single-colour print
  • No RGB file for this version.
Symbol — the setting sun
Symbol — the setting sun
  • SVGRGB · 885 B · 400 × 400 px
Lockup — symbol + wordmark
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.

Diagram of the Onda wordmark with a clear-space margin the height of the letter o on every side
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.

Minimum sizes: wordmark 20 mm or 80 px, symbol 8 mm or 24 px, lockup 30 mm or 120 px
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.

Onda wordmark combined with the house names Comporta, Cádiz and Procida
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.

Do
  • 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.

Questions about this guide?

Contact Lucía

Last updated 24 Sept 2026

Made with brandbooks