Open rings
Light, even strokes. Elegant but quiet; the word had no centre of gravity.
Ododo is a multipurpose creative brand: a fashion store, a design store, and a film studio under one name. This is the story of how I designed its identity from first sketch to finished system.
What if one brand could be a fashion store, a design store, and a film studio, and still feel like one thing?
The name does the first piece of work: Ododo is a Yoruba word which literally translates to flower. Everything that follows had to grow from that, without ever tying the brand to a single industry.
The idea started as a sketch: five rings in a row, two of them with a stem. Read aloud it is the name: o · d · o · d · o. Simple enough to draw anywhere, and with a rhythm that repeats.
I kept the rings and tested how to arrange them: spacing, weight, rhythm and colour. Each round was judged on one question: does it still read as a name, and does it still work small?
Light, even strokes. Elegant but quiet; the word had no centre of gravity.
One heavy stroke, rings touching. It read as a single solid block.
Solid discs alternating with rings. A clever rhythm, but it broke the chain and felt heavy.
Rings overlapping with an over-under weave and an orange lens. Too busy; the letters stopped reading.
Drawn from my own sketch: each ring a little bigger and higher, in purple. Charming, but the letters lost uniformity.
Identical rings on one baseline, lightly touching. Clean and even, but it lacked a point of view.
Three directions survived: light and open (A), heavy and tangent (B) and even and close (C).
Option B had presence. One stroke weight and tangent rings made the word read as a single solid block.
With a capital. That changed the first ring, and with it the whole logo.
I enlarged the first ring so its outer height equals the full ascender height: its top lines up with the stem tops, and its bottom sits on the same baseline as every other ring. Same stroke, bigger ring. Suddenly the word had an entry point, and a standalone monogram for avatars and stamps.
Four capital-O versions were tested against the lowercase original: a dot in the centre ring, the dot moved into the capital, a solid orange capital, and a heavier stroke. The capital that holds the lens won.
The meaning had to appear without breaking the logo I had already built. The rule: the silhouette stays. Rings, stems and capital O are untouched; the flower lives only in the orange accent or one small detail, and falls back to a plain dot when the logo is small.
Change the number of lobes and the softness of the scallop.
Tap the orange points to see how the logo is constructed. Every measurement comes from one idea: a single 34-unit stroke.
Click a swatch to copy its hex. Ink and Paper carry the brand, Stone adds warmth, and Signal appears once per view: in the bloom.
Mint, apricot, plum, lime, tomato, indigo... I tried 22 directions to see whether the brand wanted another colour. Most pale accents looked soft on light paper, and none made the logo more recognisable than one clean orange.
The scallop became a pattern language: five repeats, four colourways, each one seamless. Build your own below, then see it on cloth.
Fashion, design, an app and film, all growing from the same flower.
The logo animates in the order it was designed: the bloom appears small, the capital O draws round it as the bloom opens, then d, o, d, o follow. As a loader, the eight lobes light up one after another.
Easing is cubic-bezier(.2, .8, .2, 1) for every move: no bounce, no spin. With reduced motion switched on, the finished logo appears with no animation.
New drop. Out now.
We are delighted to announce a brand new collection.
Made to be seen.
We think you might like it.
Come and look around.
Customers may browse our offerings.
One name,
many blooms.
Alternatives I kept in reserve: “Many worlds, one bloom.” and “Made to be seen.”
Delivered as a 34-page guidelines PDF, a 92-file asset pack (logos, icons, favicons, app icons, patterns, social images and CSS tokens) and a live home page.
The flower arrived last, as a hint. Because the rings were settled first, adding meaning never meant redrawing the logo.
A single orange point forced a decision in every layout: where does the eye land first?
Every variation was checked at 16 to 90 pixels before it earned a page. What survived small survived everywhere.
I set aside four of six wordmark rounds and 22 palettes. The strongest decision was returning to black and orange.