# Off Code Grooming — Salon Identity | Osmium

Osmium built the brand identity, website, and social content for Off Code Men's Grooming Salon, a men's grooming salon in Los Angeles.

Source: https://osmium.agency/works/offcode-mgs

![Off Code Men's Grooming Salon](/.netlify/images?url=%2Fimg%2Fworks%2Foffcodemgs%2Fbackground.jpg&w=3840&q=100)

Stay Sharp. Stay Off Code.

Off Code Men's Grooming Salon

Los Angeles–based men’s grooming salon where every cut is a mark of distinction—refined identity and premium touchpoints.

[Live website](https://offcodegrooming.com)

Services

Branding, Web Design & Development & Social Content

Location

LA, California, USA

Date

2025

Industry

Beauty & Grooming

Stay Sharp. Stay Off Code.

# Off Code Men's Grooming Salon

[Live website](https://offcodegrooming.com)

Los Angeles–based men’s grooming salon where every cut is a mark of distinction—refined identity and premium touchpoints.

Branding, Web Design & Development & Social Content

Services

LA, California, USA

Location

2025

Date

Beauty & Grooming

Industry

![Off Code Men's Grooming Salon](/.netlify/images?url=%2Fimg%2Fworks%2Foffcodemgs%2Fbackground.jpg&w=3840&q=100)

![Off Code Men's Grooming Salon Logo](/.netlify/images?url=%2Fimg%2Fworks%2Foffcodemgs%2Flogo.svg&w=640&q=100)

## The Challenge

Adapt Off Code’s master brand into a dedicated salon identity—ensuring both verticals read as distinct businesses with their own strength, while still feeling undeniably part of the same Off Code world. The key challenge was building clear separation in applications and tone without breaking brand cohesion.

\[ MAIN LOGO \]

![MAIN LOGO](/.netlify/images?url=%2Fimg%2Fworks%2Foffcodemgs%2Flogo-main.svg&w=640&q=100)

\[ VARIANT \]

![VARIANT](/.netlify/images?url=%2Fimg%2Fworks%2Foffcodemgs%2Fvariant.svg&w=640&q=100)

\[ ICON \]

![ICON](/.netlify/images?url=%2Fimg%2Fworks%2Foffcodemgs%2Ficon.svg&w=640&q=100)

\[ PRIMARY COLOR \]

Full Black

#000000

\[ SECONDARY COLOR \]

Ghost White

#FFFFFF

\[ TERTIARY COLOR \]

Gray Hint

#EFEFEF

\[ FOURTHY COLOR \]

Paradise Gold

#EFB42A

![](/.netlify/images?url=%2Fimg%2Fworks%2Foffcodemgs%2Fbento-1.jpg&w=3840&q=100)

![](/.netlify/images?url=%2Fimg%2Fworks%2Foffcodemgs%2Fbento-2.jpg&w=3840&q=100)

![](/.netlify/images?url=%2Fimg%2Fworks%2Foffcodemgs%2Fbento-3.jpg&w=3840&q=100)

![](/.netlify/images?url=%2Fimg%2Fworks%2Foffcodemgs%2Fbento-4.jpg&w=3840&q=100)

![](/.netlify/images?url=%2Fimg%2Fworks%2Foffcodemgs%2Fbento-large.jpg&w=3840&q=100)

![Desktop Mockup](/.netlify/images?url=%2Fimg%2Fworks%2Foffcodemgs%2Fmockup-desktop.png&w=3840&q=100)

![Desktop Mockup 2](/.netlify/images?url=%2Fimg%2Fworks%2Foffcodemgs%2Fmockup-desktop-2.png&w=3840&q=100)

![Social Story 1](/.netlify/images?url=%2Fimg%2Fworks%2Foffcodemgs%2Fstory-1.jpg&w=750&q=100)

![Social Story 2](/.netlify/images?url=%2Fimg%2Fworks%2Foffcodemgs%2Fstory-2.jpg&w=750&q=100)

![Social Story 3](/.netlify/images?url=%2Fimg%2Fworks%2Foffcodemgs%2Fstory-3.jpg&w=750&q=100)

![Social Story 4](/.netlify/images?url=%2Fimg%2Fworks%2Foffcodemgs%2Fstory-4.jpg&w=750&q=100)

![Social Story 5](/.netlify/images?url=%2Fimg%2Fworks%2Foffcodemgs%2Fstory-5.jpg&w=750&q=100)

![Social Story 6](/.netlify/images?url=%2Fimg%2Fworks%2Foffcodemgs%2Fstory-6.jpg&w=750&q=100)

The new identity creates a distinct sub-brand that maintains Off Code's DNA while targeting the grooming market.

\[ NEXT CASE \]

### Óptica del Sur

[View case](/works/optica-del-sur)

![Óptica del Sur](/.netlify/images?url=%2Fimg%2Fworks%2Fods%2Fbackground.jpg&w=3840&q=100)