See project
1
2
3
4
5
6
7
8
9
10
11
12
Building brand systems.
Previously at Google,
Uber, Cruise.
Roger Oddone
Work/Info
Brand designer, hands on: Google / Uber / Cruise

Hands-on designer. 20+ years defining brand identities
and building the systems that carry them.

Selected works (7)
Selected works (6)
& Lab [Interactive] (1)
Cruise

Icons in use

Cruise
Cruise
Cruise
Cruise
Cruise
Cruise
Cruise
Cruise
Cruise
Cruise
Cruise
Cruise
Cruise
Cruise
Cruise
Cruise
Cruise
Cruise
Bridged brand and product
Autonomous vehicles
IconographyArt directionGuidelines

Cruise was unlike most things I had worked on. In an Uber, the driver is there to answer questions. On a Cruise, the experience had to be intentional enough to anticipate every rider need. Down to an icon of a car with an arrow pointing to the correct exit door. Few precedents. Little to compare against.

I joined as Staff Brand Designer right before its transition from R&D to public rollout. The identity had been established before I arrived. My role was to scale it across a wide surface: consumer-facing product, internal tools, marketing, and a shared design system. All while infusing approachability into a highly advanced technology. Expressive lines with width variations in the feature icons and illustrations, and motion as a core part of the visual language.


Working closely with product designers, UX writers, and PMs, I led the expansion of the visual identity system, defining the icon style and overseeing the creation of hundreds of UI and feature icons. I extended the color system across disciplines, built and managed a design org brand portal, and ran office hours and critiques to sharpen the design work coming out of the org.

2021–2024

• Iconography• Art direction• Guidelines

Bridged brand and product• Iconography
• Art direction
• Guidelines


Cruise was unlike most things I had worked on. In an Uber, the driver is there to answer questions. On a Cruise, the experience had to be intentional enough to anticipate every rider need. Down to an icon of a car with an arrow pointing to the correct exit door. Few precedents. Little to compare against.

I joined as Staff Brand Designer right before its transition from R&D to public rollout. The identity had been established before I arrived. My role was to scale it across a wide surface: consumer-facing product, internal tools, marketing, and a shared design system. All while infusing approachability into a highly advanced technology. Expressive lines with width variations in the feature icons and illustrations, and motion as a core part of the visual language.

Working closely with product designers, UX writers, and PMs, I led the expansion of the visual identity system, defining the icon style and overseeing the creation of hundreds of UI and feature icons. I extended the color system across disciplines, built and managed a design org brand portal, and ran office hours and critiques to sharpen the design work coming out of the org.

2021–2024

Uber

Challenges

Uber began six years ago as a way for 100 friends in San Francisco to get luxury rides—everyone’s private driver. Today, we’re a transportation network spanning 450 cities in 72 countries. That network delivers food and packages, as well as people, all at the push of a button. It became clear that a limited set of visual identity components was not enough to engage with different audiences and price points.

Uber
Uber

Before

— Luxury rides
— Moving people
— Serving a handful of markets

After

— A range of economy and luxury options
— Moving people, food, and packages
— Serving 72 countries and 450 cities

Uber

Previous visual identity

Uber’s previous visual identity was too rigid and limitedIt didn’t allow us to express the nuances necessary to communicate with different audiences and price points.

Uber

Concept

With a push of a button, Uber offers reliable and affordable rides, as well as food and delivery services. Our technology (Bits) helps move the physical world (Atoms).

Uber exists in the place where Bits & Atoms come together. That is Uber. Not just technology, but technology that moves cities. That’s the story of Bits & Atoms.

Bits & Atoms is the core idea that inspired our new visual identity

Visual identity components

Our visual identity caters to our complex needs as a brand at every touch-point. It’s made up of primary and secondary design components.Connecting Bits & Atoms to create a dynamic visual identity system

Uber

Primary components

These are the foundation of our visual identity. They lean close to the Bit, our logical side, and create consistency across our brand visual expressions.

— Bits - high tech
— Monochromatic
— Consistent

Uber

We looked at thousands of existing typefaces for inspiration for our custom logotype and identified two options that had potential to serve as a starting point:

Breuer Text Bold - confident
We felt this geometric and precise typeface had the right basic structure to represent our confident and high-tech side.

FS Joey Bold - approachable
We felt this organic, rounded typeface would reflect our approachability without losing our premium feel.

Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber

Black & white

Since the bit is binary, we represent technology with two colors: black & white. These colors act as grounding elements, both reflecting Uber’s past and providing consistency within our variable visual identity.

Grid

The grid represents our logical side. It’s the foundation for organizing all the design components. You won’t see it, but it’s always there, keeping the different components of the visual identity clear, cohesive, and beautiful. Like our technology, it’s invisible.

Uber

Typography

Clan Pro for Uber is used to reinforce our identity and guarantee excellent legibility in all media. We customized Clan Pro to make it unique to Uber. Most of its personality was preserved, but we made modifications to increase legibility in body copy. For example, we elongated ascenders and descenders and increased the size of counters.

Uber

Secondary components

These provide flexibility and allow for localization, keeping the system fresh and dynamic. Secondary components lean closer to the Atom, representing the physical world.

— Atoms
- physical world
— Colorful, approachable
— Variable

Uber

Color

Our color spectrum allows unique combinations that can speak to specific locations, holidays, and partnerships Inspired by the colors of the physical world, we created a broad color spectrum: 22 different colors and 22 values, 484 unique hues in total.

Uber

Patterns

Unique patterns are used to add flavor and flexibility. Like colors, they can speak to specific locations, holidays, partnerships, or global themes.More than 70 unique patterns were created—one for each of the countries we serve

Uber

Photography

We use photos to create local stories about the daily lives of our riders and drivers. Our photographs use natural light and capture unposed moments.

Uber
Uber

Illustrations

Grabbing elements from Art Deco and inspiration from Bits & Atoms, we created something uniquely ours.

Uber

Color system

A variety of global color sets, along with the local themes were created in a systematic way to allow the brand to be expressive while consistent.

Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Uber
Designed the wordmark and identity system on the 2016 rebrand
Mobility platform
WordmarkColor systemGuidelines

Back in 2014, when I joined Uber, the company had outgrown its identity. What began as a premium ride service had become, during a period of hyper-growth, a global platform spanning dozens of products and price points. The existing brand had no language for that complexity.

Working closely with the head of design and Uber's leadership, the answer was a core concept called Bits & Atoms: technology meeting the physical world. That tension became the foundation for the entire design framework, structured in two parts: consistent monochromatic components rooted in the Bit, creating coherence across every expression; and colorful, variable components rooted in the Atom, enabling localization and keeping the system fresh across markets.


Drove the project end to end. Defined the design framework, crafted the Uber wordmark and its sub-brands, created the color spectrum and established the color architecture. Built and maintained the brand guidelines portal, defining guidelines, templates, and branded examples across print, packaging, web, and product.

Team: Head of Design: Shalin Amin · Design Manager: Strahan McMullen · Lead Brand Designer: Roger Oddone · Designers: Bryant Jow, Catherine Ray, Donald Wong, James Bamford, Lian Ng, Matt Riley, Mirtho Prepont.

Additional credits: Thank You Cards, Designer: Catherine Ray · UberCHOPPER Tickets, Art Director: Jeremy Perez-Cruz, Designer: Jessica Duong · Uber Autonomous Vehicle Artwork, Design Director: Didier Hilhorst, Art Director: Mirtho Prepont, Designer: Richard Donnelly.

2016

• Global Rebrand

Designed the wordmark and identity system on the 2016 rebrand• Wordmark
• Color system
• Guidelines


Back in 2014, when I joined Uber, the company had outgrown its identity. What began as a premium ride service had become, during a period of hyper-growth, a global platform spanning dozens of products and price points. The existing brand had no language for that complexity.

Working closely with the head of design and Uber's leadership, the answer was a core concept called Bits & Atoms: technology meeting the physical world. That tension became the foundation for the entire design framework, structured in two parts: consistent monochromatic components rooted in the Bit, creating coherence across every expression; and colorful, variable components rooted in the Atom, enabling localization and keeping the system fresh across markets.

Drove the project end to end. Defined the design framework, crafted the Uber wordmark and its sub-brands, created the color spectrum and established the color architecture. Built and maintained the brand guidelines portal, defining guidelines, templates, and branded examples across print, packaging, web, and product.

Team: Head of Design: Shalin Amin · Design Manager: Strahan McMullen · Lead Brand Designer: Roger Oddone · Designers: Bryant Jow, Catherine Ray, Donald Wong, James Bamford, Lian Ng, Matt Riley, Mirtho Prepont.

Additional credits: Thank You Cards, Designer: Catherine Ray · UberCHOPPER Tickets, Art Director: Jeremy Perez-Cruz, Designer: Jessica Duong · Uber Autonomous Vehicle Artwork, Design Director: Didier Hilhorst, Art Director: Mirtho Prepont, Designer: Richard Donnelly.

2016

Google Material

Material design

My contribution was twofold: evolving the flat icon style to carry more tactile, paper-like depth while staying true to its geometric foundation, and building Google's color system from scratch. For color, I started with Google's four brand colors and expanded outward, building a full spectrum that designers across the company could share. To make the system usable at scale, I introduced a numerical naming convention, 50 through 900, assigning a value to each tone in the spectrum. That structure became standard practice across the industry after Material Design launched.

2014

Google Material
Google Material
Google Material
Google Material
Google Material
Google Material

Kennedy guidelines

Before Material Design, as part of Project Kennedy, I built Google's first company-wide visual asset guidelines: a comprehensive framework covering product icons, logo lockups, UI icons, and illustration principles. The goal was a document rigorous enough that a vendor in a different timezone could produce work indistinguishable from work made in-house. The guidelines shipped internally in 2012 and were published on Behance in 2013, where they reached over 1 million views and were featured as Best of Behance. See them here: Part 1 and Part 2.

2011

Google Material
Google Material
Google Material
Google Material

As the color spectrum expanded, traditional naming conventions like 'light blue' or 'dark blue' became imprecise and difficult to scale.

To address this, we transitioned to a systematic, numeric approach that provides a logical framework for color classification and consistency.

Google Material
Google Material
Google Material
Google Material
Google Material
Google Material
Google Material
Google
Built the color system of Material Design
Material Design / Kennedy
Color systemProduct icon styleKennedy guidelines
• Color system• Product icon style• Kennedy guidelines

Built the color system of Material Design• Color system
• Product icon style
• Kennedy guidelines

HG26
HG26
HG26
HG26
HG26
Built a typeface that draws itself from particles
Particle system /
Textural typeface
Creative codingGenerative design

HG26 is an experimental typeface where the letterforms are vessels, the particles are the texture that fills them, and interaction is what sets them in motion. The grains behave like sand in an hourglass, some drawn toward the cursor and pushed away by it, others left to fall under gravity.


It began as an exploration of particles, and the typeface emerged as the vessel that gave them purpose. As much as anything, it is built to be played with. This typeface is not for sale.

2026

• Creative coding• Generative design

Built a typeface that draws itself from particles• Creative coding
• Generative design




HG26 is an experimental typeface where the letterforms are vessels, the particles are the texture that fills them, and interaction is what sets them in motion. The grains behave like sand in an hourglass, some drawn toward the cursor and pushed away by it, others left to fall under gravity.

It began as an exploration of particles, and the typeface emerged as the vessel that gave them purpose. As much as anything, it is built to be played with. This typeface is not for sale.

2026

Aero
Aero

Before

After

Composition grid system

Aero
Aero
Aero
Aero
Aero
Aero
Aero
Aero
Aero
Aero
Aero
Aero
Aero
Aero
Aero
Aero
Aero
Aero
Aero
Aero
Aero
Aero
Made boarding part of the brand
Airline
LiveryColor palette

Aero is a semi-private airline offering a premium, intimate flying experience between select destinations.

Aero came to me in 2019 to design the livery for their first plane and revisit the logo. The goal was to elevate the perception of luxury. My advice was to keep the symbol and wordmark but refine the palette, removing the blue tones and developing a warmer spectrum of yellows, oranges, and reds that better expressed the sunrise idea at the core of the brand.

Rather than forcing the window color stripes onto other parts of the plane, we deconstructed the color component of the symbol and morphed it to fit the fuselage. The symbol was placed in the first window, and the staircase was wrapped in the gradient palette, turning boarding into part of the experience.


Testing the livery on black revealed something unexpected: the warm tones against dark backgrounds made the palette richer and more distinctive among airlines. That discovery became the foundation for a broader identity system built around Haas Grotesk and a restrained Swiss-inspired grid, flexing across boarding passes, destination cards, and amenity packaging while keeping the identity unmistakably Aero.

2019

• Brand refresh• Jet livery design

Made boarding part of the brand• Livery
• Color palette


Aero is a semi-private airline offering a premium, intimate flying experience between select destinations.

Aero came to me in 2019 to design the livery for their first plane and revisit the logo. The goal was to elevate the perception of luxury. My advice was to keep the symbol and wordmark but refine the palette, removing the blue tones and developing a warmer spectrum of yellows, oranges, and reds that better expressed the sunrise idea at the core of the brand.

Rather than forcing the window color stripes onto other parts of the plane, we deconstructed the color component of the symbol and morphed it to fit the fuselage. The symbol was placed in the first window, and the staircase was wrapped in the gradient palette, turning boarding into part of the experience.

Testing the livery on black revealed something unexpected: the warm tones against dark backgrounds made the palette richer and more distinctive among airlines. That discovery became the foundation for a broader identity system built around Haas Grotesk and a restrained Swiss-inspired grid, flexing across boarding passes, destination cards, and amenity packaging while keeping the identity unmistakably Aero.

2019

Oddone
Oddone
Oddone
Oddone
Oddone
Oddone
Oddone
Oddone
Oddone
Turned my way of thinking into my identity
Brand studio
MotionWebsitePosters

After Uber, I started Oddone, a brand identity studio in San Francisco specializing in visual identities for forward-thinking businesses.

The studio's own identity was the first project, and being our own client is always hard. Partnering with brand strategist Caren Williams was essential in this process of self-discovery, forcing clarity about my values. The core idea that emerged: I explore every angle of an idea. The "O" is treated as a three-dimensional object that reveals a different form depending on the perspective, so that each view shows a different dimension of the same thinking. Strategy, design, and exploration, finally made visible.


After launching, I decided to push the system further, creating a series of expressive posters rooted in the same visual logic, developing a motion language for the brand in the process.

Creative Director / Designer: Roger Oddone · Brand Strategist: Caren Williams.

2018

• Visual identity• Motion• Website

Turned my way of thinking into my identity• Motion
• Website
• Posters


After Uber, I started Oddone, a brand identity studio in San Francisco specializing in visual identities for forward-thinking businesses.

The studio's own identity was the first project, and being our own client is always hard. Partnering with brand strategist Caren Williams was essential in this process of self-discovery, forcing clarity about my values. The core idea that emerged: I explore every angle of an idea. The "O" is treated as a three-dimensional object that reveals a different form depending on the perspective, so that each view shows a different dimension of the same thinking. Strategy, design, and exploration, finally made visible.

After launching, I decided to push the system further, creating a series of expressive posters rooted in the same visual logic, developing a motion language for the brand in the process.

Creative Director / Designer: Roger Oddone · Brand Strategist: Caren Williams.

2018

Expa
Expa
Expa
Expa
Expa
Made a fixed mark move without breaking its own rules
Company studio
Art directionIconographyLogo motion

Expa is a company studio that partners with founders to build companies from zero.

This project evolved the website: expanding the case studies, sharpening how the studio articulates its approach with the highest level of design and technology craft.


At the heart of the identity are the dots that form the letters of Expa, representing the companies the studio works with. Each one distinct, together forming something larger. The logo animation expresses that idea through movement: a 3D grid of 2D-looking spheres rotates like the face of a cube to reveal each letter in sequence. Four letters, four faces, one continuous motion.

2025

• Art direction• Iconography• Logo motion

Made a fixed mark move without breaking its own rules• Art direction
• Iconography
• Logo motion


Expa is a company studio that partners with founders to build companies from zero.

This project evolved the website: expanding the case studies, sharpening how the studio articulates its approach with the highest level of design and technology craft.

At the heart of the identity are the dots that form the letters of Expa, representing the companies the studio works with. Each one distinct, together forming something larger. The logo animation expresses that idea through movement: a 3D grid of 2D-looking spheres rotates like the face of a cube to reveal each letter in sequence. Four letters, four faces, one continuous motion.

2025

Lab
© 2026 Roger Oddone All rights reserved.
Bio

Bay Area brand designer. Twenty years building brand identities and the systems that carry them.

I build foundations. Find the idea a brand can stand on, then create the building blocks hundreds of people reach for, people who never meet, so that what they make adds up to one cohesive feeling.

Before design I was a mechanic in my dad's garage in São Paulo, fixing motorcycle wheels. Truing rims, replacing worn parts, and the last and most important step, balancing: small weights placed around the wheel until the ride runs smooth. Nobody notices a balanced wheel. Everyone feels the wobble, and they can't name it. Twenty years later that is still the job: place the weights until nothing wobbles.

Along the way I've kept adding to the toolbox to become a better brand designer: strategy, motion, product, 3D, and lately my own tools coded with AI, so an idea can be tested in a browser the same week it's sketched.

I've stayed hands-on my whole career, by choice. Nothing compares to finding the idea that holds everything up.

Contact
roger@oddone.co LinkedIn Behance
Availability

Open to Staff and Principal 
brand design roles.
Remote or hybrid in San Francisco.

Work experience

Independent
Brand Design and Creative Coding
2026—Now

Expa
Principal Brand Designer
2024—Feb 2026

Cruise
Staff Brand Designer
2021—2024

Oddone
Founder and Creative Director
2018—2021

Uber
Lead Brand Designer
2014—2017

Google
Senior Graphic Designer
2011—2014

Novartis / Design Studios
Graphic Designer / Studio Founder
2001—2011 (Brazil)

Press / Features

Wired
Fast Company
Behance 20 feat. projects
Designing brand identity book
Logo lounge books

Education

MBA, Branding, brand management
Faculdades Integradas Rio Branco
2005—2007 (Brazil)

Graphic design degree
Centro Universitário Belas Artes de São Paulo
1998—2001 (Brazil)

© 2026 Roger Oddone All rights reserved.