theCut

theCut

Brand
Guidelines

01 /

Overview

We believe barbershops are the cultural heartbeat of every community, spaces where style, conversation, and transformation intersect. theCut exists to amplify that culture by giving barbers, shop owners, and clients the tools to book, pay, and manage their businesses, all in one seamless platform.

We’ve built the world's largest barbershop platform with over 7 million users and 20,000+ active barbers. Our mission is rooted in solving real pain points through simple, mobile-first tools: no extra apps, no high fees, no BS. This brand guide ensures consistency across all visuals and messaging, aligning every touchpoint with our identity: built for the culture, designed for growth.

Mission statement

To empower barbers, shop owners and clients to be the best version of themselves.

Vision statement

Barbershops are epicenters of culture. We're building the world’s largest barbershop platform, living at the intersection of all things culture, style, and technology.

02 /

Wordmark Logo

This section covers the details of our wordmark. You can find a downloadable version under Resources.

theCut logo

What's in a name?

Everything, to sum it up. Your name is how you identify yourself. What you build your identity around. When someone who knows you hears your name, they often immediately visualize their experiences with you and think about how they will engage with you next.The same holds true for a brand.

Our name is theCut. It’s pronounced, “The Cut.” Our name is written as one word, but pronounced as two.

theCut

Do write our company name lowercase except for the letter uppercase “C”.

THECUT

Do display our logo in all caps if used with a header or title that is presented in all caps.

theCut: ‍

  • The first three letters in our name are lowercase.
  • The fourth letter is uppercase.
  • The last two are lower case.

Our cursive logo is available via Resources. But when writing about us, our name should be written as described above.

The one exception to this rule when our name is used in a title or in a paragraph header where the text is in all caps. In this instance our name should be “THECUT”.

Color

Our logo is displayed in two colors: black and white.

Logo should never be gold.

theCut logo white

Do display this logo white on dark background.

theCut logo black

Do display this logo black on light background.

theCut logo gold

Don't display this logo in gold.

theCut logo gold

Don't display this logo in gold.

Exclusion zone

To ensure the logo is clearly visible, surround it with space free of elements that might cause confusion. The logo’s exclusion zone is equal to the height of the logo.

Exclusion zone

Partnerships

Follow the exclusion zone guidelines when locking theCut logo with affiliated logos. That means you should separate partner logos by a distance greater than or equal to the height of theCut logo.

Partnerships

Don’t make the affiliated logo larger than the height of theCut wordmark.

Partnerships

Do make the affiliated logo and theCut’s wordmark the same height.

Partnerships

Don’t align the overall affiliated logo to the height of theCut wordmark if it has an extension.

Partnerships

Do make the affiliated logo and theCut’s wordmark the same height.

Partnerships

Don’t align the overall affiliated logo to the height of theCut wordmark if the affiliated logo is a vertical logo.

Partnerships

Do make the affiliated logo 65% taller then theCut’s wordmark height (i.e. 74px height & 122px height)

03 /

Brand color palettes

Primitive Colors

Our primitive palette is organized into accent color, neutrals, and rainbow spectrum.

Accent Color

Lime Green Gradient: used to represent barbers in marketing and as the “Super button” color in product design.

Super Green

HEX A4FF8A-F3F625

Neutrals

These neutrals form a versatile and comprehensive grayscale. These shades are foundational in both marketing materials and app backgrounds, providing contrast, depth, and visual hierarchy. They create an experience that is consistent in shadows and highlights within the app.

Black

HEX 000000

Gray-1

HEX 111111

Gray-2

HEX 181818

Gray-3

HEX 222222

Gray-4

HEX 333333

Gray-5

HEX 515151

Gray-6

HEX 808080

Gray-7

HEX D3D3D3

White

HEX FFFFFF

Rainbow Spectrum

The rainbow spectrum in the app is thoughtfully curated, with each color indicating a different status, from alerts and completions to pending and upcoming tasks, ensuring clarity and enhancing user navigation.

Pink

HEX FF48F6

Red

HEX FF3B30

Orange

HEX FFB000

Yellow

HEX F3F625

Super Green

HEX D0FA52

Green

HEX 48FF6A

Sky Blue

HEX 78FFF2

Blue

HEX 00A3FF

Purple

HEX B14CFF

Cool Grey

HEX B2BEC3

04 /

Our fonts

A bold and clean combo to speak our truth.

Akira Expanded

Use all caps and bold weight for headers

REGULAR

ABCDEFGHIJ KLMNOPQRST UVWXYZ

bold

ABCDEFGHIJ KLMNOPQRST UVWXYZ

OUTLINE

ABCDEFGHIJ KLMNOPQRST UVWXYZ

MONTSERRAT

Use sentence case and regular/light weight for body copy and subheaders

Regular

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Light

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Download our fonts

05 /

Patterns

This section covers the details of our pattern. You can find a downloadable version under Resources.

Hair camo

Our custom camo pattern was created to deepen our brand identity and establish a recognizable visual fingerprint across all brand touchpoints. Inspired by hair (its flow, movement, and natural variation), this pattern reflects the culture, craft, and energy of barbers.

Patterns example

Do use ‘Urban’ colorway

Patterns example

Do use ‘Arctic’ colorway

Patterns example

Do use ‘Outline’ version

Patterns example

Do use barber gradient colorway

Patterns example

Do use owner gradient colorway

Patterns example

Don’t use high contrast.

Patterns example

Don’t use old pattern

Patterns example

Don’t use unapproved colors

Patterns example

Don’t alter the pattern shapes

Variations

Feel free to magnify the hair camo to create a more abstract background. You can also show the edge of the hair camo if you don’t want the pattern to fill the entire area

Patterns example

Do feel free to overlay linear gradient

Patterns example

Do feel free to overlay radial gradient

Patterns example

Do feel free to show only edge of grafitti.

Examples

Feel free to use dark or light camo for backgrounds. You can also combine both light and dark camo pattern for a cool contrast effect.

Patterns examples

Do feel free to magnify and crop.

Patterns examples

Do use in the background for banners

Patterns examples

Do use on merch and capes

06 /

Photography

Composition and context

The people and objects we include in our photos provide our audience with all the context it needs to understand our brand. For us, that's the urban barbershop community: fresh fades, tattoos, streetwear, dope sneakers, hip hop, and street art.

Photography composition and context

Do catch a composition that leaves you feelin’ that dope vibe.

Photography composition and context

Do show off tattoos and fresh fades.

Photography composition and context

Do feel free to catch the whole shop in the composition.

Photography composition and context

Do capture a badass aesthetic, hair braids and street style.

Photography composition and context

Do use low contrast. Contrast should not exceed 1.18:1

Photography composition and context

Do use lighting to create drama and use pops of color to draw attention.

Photography composition and context

Don’t use photography that is pixelated.

Photography composition and context

Don’t use photography that feels stock or has a cheesy vibe.

Photography composition and context

Don’t use photography that looks overly cinematic or looks photoshopped.

Environment

It’s important to establish consistency with location and lighting. Preferred locations are inside a barbershop or in a urban environment and lighting should be leveraged to create drama.

Photography enviroment

Do take photos inside a barbershop and leverage depth of field (Bokeh).

Photography enviroment

Do show urban culture: city buildings and structures and streetwear.

Photography enviroment

Do use lighting and showdows to create drama.

Photography enviroment

Do juxtapose street art and streetwear.

Photography enviroment

Do use shadows to create drama and focus.

Photography enviroment

Do feel free to use rembrandt lighting techniques to create stark color contrast.

Photography enviroment

Do leverage good lighting, color saturation, and bokeh.

Photography enviroment

Do capture techniques used in urban barbershops such as white eye liner.

Photography enviroment

Do capture techniques used in urban barbershops such as graphics.

Photography enviroment

Don’t use photography with a

franchise or stock photography vibe.

Photography enviroment

Don’t use photography that feels overly staged, vintage-themed, or kitschy in a way that doesn’t align with real, urban barbershop culture.

Photography enviroment

Don’t use photography that uses harsh shadows and creates dull color.

Color palette

The people and objects we include in our photos provide our audience with all the context it needs to understand our brand. For us, that's the urban barbershop community: fresh fades, tattoos, streetwear, dope sneakers, hip hop, and street art.

Photography color palette

Do take photos inside a barbershop and leverage depth of field (Bokeh).

Photography color palette

Do feel free to use black and gold to match our brand colors.

Photography color palette

Do feel free to use black and white imagery for a dramatic effect.

Photography color palette

Don’t use photography with washed out colors with no brilliance.

Photography color palette

Don’t use photography with overexposed lighting.

Photography color palette

Don’t use a washed out look when using black and white grading. Keep colors saturated.

07 /

Resources

theCut logo white
theCut logo black

Download logo assets

This download includes SVG, PNG and EPS files.

Stamped
Stamped

Download pattern assets

This download includes PNG files.

Fonts

Download Akira Expanded

Download Montserrat