Color


Sunday Orange

RGB (247, 79, 36)

HEX #f74f24

Midnight Navy

RGB (30, 40, 75)

HEX #1e284b

Cool Grey

RGB (125, 125, 125)

HEX #7d7d7d

Silver

RGB (231, 231, 231)

HEX #e7e7e7

Gradients


Sunrise

RGBA (252, 135, 74, 80)

HEX #fc874a

RGBA (247, 79, 36, 80)

HEX #f74f24

Sunset

RGBA (72, 78, 100, 0)

HEX #484e64

RGBA (72,78,100,1)

HEX #484e64

Typography


Brand Fonts


Domus

The rest of the copy throughout the site, including paragraph copy and headers H2 through H7. H2 is the only weight that should use Domus Bold – the rest should use Domus Regular.

Proxima Nova

Proxima Nova is solely used for large H1 headings, particularly in hero areas that are layered directly on top of the Brunch orange square. Extrabold should be the only weight used. These should never be longer than 4 to 5 words.

Typographic Specifications


H1

Brunch Digital

Proxima Nova Extrabold / 90px / 87px Line Height

H2

Brunch Digital

Domus Bold / 88px / 76px Line Height

H3

Brunch Digital

Domus Regular / 48px / 60px Line Height

H4

Brunch Digital

Domus Regular / 36px / 47px Line Height

P1 - Large to Normal Copy Size

Brunch Digital

Domus Regular / 30px / 47px Line Height

H5 - Can also be used as medium copy size

Brunch Digital

Domus Regular / 25px / 43px Line Height

H6

Brunch Digital

Domus Regular / 20px / 33px Line Height

P2 - Small Copy Size / Label

Brunch Digital

Domus Regular / 25px / 43px Line Height

Buttons


[button-default link="..."]Text here[/button-default]

Default Button Static

Default Button Hover


[button-primary link="..."]Text here[/button-primary]

Primary Button Static

Primary Button Hover


[button-secondary link="..."]Text here[/button-secondary]

Secondary Button Static

Secondary Button Hover


[button-tertiary link="..."]Text here[/button-tertiary]

Tertiary Button Static

Tertiary Button Hover

Link Styles


Call-to-Action Link styles

Body Copy Link styles

Gradient Blocks


Text

Text

Text

Text

Text

Why Brunch?

  • Medical, dental, and vision coverage
  • Commuter Benefits
  • 401(k) based match program
  • Generous vacation and sick days
  • Education support budget
  • Paid company holidays
  • Stocked fridge and great coffee
  • A kickass team to work with every day
  • Industry competitive salaries
  • Great Office (come see for yourself!)
  • Golden Doodles Galore
  • Custom work station

Let's Brunch.

We built our company by building a community of like minded clients, creatives, and developers. We've saved you a seat at the table, so come on over! We're excited to hear your story.