It’s no Yoke
Join the Family!
Get rewards
U.S. Egg Logo

U.S. Egg Brand Guidelines

Professional brand guidelines for marketing teams, graphic designers, print vendors, and creative partners. This comprehensive style guide provides everything you need for consistent visual brand application across print, digital, and promotional materials.

Print-Ready Colors

Complete CMYK, Pantone, and RGB specifications for all media

Typography System

Font families, weights, and usage guidelines for all applications

Logo Usage

Logo files, placement rules, and proper usage standards

Interior Design Guidelines

Looking for comprehensive interior design guidelines? Access our detailed guide for creating authentic U.S. Egg restaurant environments.

Brand Color Palette

Complete color specifications for print and digital applications. Includes CMYK values for offset printing, Pantone matching, RGB for digital screens, and HEX for web. All color combinations meet accessibility standards for readability.

Brand Navy Scale (10-95)

Primary brand color with complete Material 3 token scale

10
20
30
40
50
60
70
80
90
95

Navy 10

#0a0b18

Darkest navy, high contrast text

var(--color-brand-navy-10)

Navy 20

#141830

Very dark backgrounds

var(--color-brand-navy-20)

Navy 30

#1f254b

Dark surface elements

var(--color-brand-navy-30)

Navy 40

#283161

Primary interactive elements

var(--color-brand-navy-40)

Navy 50

#313d79

Main brand color

var(--color-brand-navy-50)

Navy 60

#515b92

Secondary elements

var(--color-brand-navy-60)

Navy 70

#7a7ea7

Muted elements

var(--color-brand-navy-70)

Navy 80

#a9abc7

Light backgrounds

var(--color-brand-navy-80)

Navy 90

#d7d8e8

Very light backgrounds

var(--color-brand-navy-90)

Navy 95

#f1f2fa

Nearly white tint

var(--color-brand-navy-95)

Brand Red Scale (10-95)

Accent color for critical actions and alerts

10
20
30
40
50
60
70
80
90
95

Red 10

#20020a

Darkest red backgrounds

var(--color-brand-red-10)

Red 20

#460517

Dark red elements

var(--color-brand-red-20)

Red 30

#6a0724

Medium dark red

var(--color-brand-red-30)

Red 40

#920931

Strong red accents

var(--color-brand-red-40)

Red 50

#B90C3D

Primary brand red

var(--color-brand-red-50)

Red 60

#f7557e

Lighter red elements

var(--color-brand-red-60)

Red 70

#fa8ea8

Soft red accents

var(--color-brand-red-70)

Red 80

#fdbece

Very light red

var(--color-brand-red-80)

Red 90

#fedde6

Subtle red tint

var(--color-brand-red-90)

Red 95

#feeef3

Nearly white red

var(--color-brand-red-95)

Brand Orange Scale (10-95)

Primary CTA color and warm interactions

10
20
30
40
50
60
70
80
90
95

Orange 10

#653301

Darkest orange

var(--color-brand-orange-10)

Orange 20

#924d03

Dark orange elements

var(--color-brand-orange-20)

Orange 30

#b46105

Medium orange

var(--color-brand-orange-30)

Orange 40

#d07d1a

Strong orange accents

var(--color-brand-orange-40)

Orange 50

#ea9932

Primary brand orange

var(--color-brand-orange-50)

Orange 60

#ffaf2c

Bright orange elements

var(--color-brand-orange-60)

Orange 70

#ffc863

Light orange accents

var(--color-brand-orange-70)

Orange 80

#ffde9c

Very light orange

var(--color-brand-orange-80)

Orange 90

#ffeecf

Subtle orange tint

var(--color-brand-orange-90)

Orange 95

#fffcf0

Nearly white orange

var(--color-brand-orange-95)

Brand Amber Scale (10-95)

Highlight color for emphasis and warmth

10
20
30
40
50
60
70
80
90
95

Amber 10

#554401

Darkest amber

var(--color-brand-amber-10)

Amber 20

#876703

Dark amber elements

var(--color-brand-amber-20)

Amber 30

#b38b05

Medium amber

var(--color-brand-amber-30)

Amber 40

#dab50b

Strong amber accents

var(--color-brand-amber-40)

Amber 50

#FCD34D

Primary brand amber

var(--color-brand-amber-50)

Amber 60

#fddb13

Bright amber elements

var(--color-brand-amber-60)

Amber 70

#ffe442

Light amber accents

var(--color-brand-amber-70)

Amber 80

#fff181

Very light amber

var(--color-brand-amber-80)

Amber 90

#fff9c0

Subtle amber tint

var(--color-brand-amber-90)

Amber 95

#fffde4

Nearly white amber

var(--color-brand-amber-95)

Brand Green Scale (10-95)

Success states and positive actions

10
20
30
40
50
60
70
80
90
95

Green 10

#2c3214

Darkest green

var(--color-brand-green-10)

Green 20

#495921

Dark green elements

var(--color-brand-green-20)

Green 30

#637a2b

Medium green

var(--color-brand-green-30)

Green 40

#7b9c37

Strong green accents

var(--color-brand-green-40)

Green 50

#8cbc42

Primary brand green

var(--color-brand-green-50)

Green 60

#95af5b

Light green elements

var(--color-brand-green-60)

Green 70

#acc480

Soft green accents

var(--color-brand-green-70)

Green 80

#c9d9ad

Very light green

var(--color-brand-green-80)

Green 90

#e5eeda

Subtle green tint

var(--color-brand-green-90)

Green 95

#f5f8f0

Nearly white green

var(--color-brand-green-95)

Typography System

Our brand uses three font families: Bebas Neue for the logo, Roboto Flex for all headings and body text, and Montserrat for navigation and buttons. All fonts are available free from Google Fonts.

Brand Fonts

Bebas Neue

Logo Text ("U.S. Egg")

Bold, condensed sans-serif used exclusively for the logo text

U.S. EGG
Weights: 400
Download from Google Fonts →

Roboto Flex

Headings & Body Text

Variable font providing flexible weight options for all text content

Fresh Local Ingredients
Weights: 100-900
Download from Google Fonts →

Montserrat

Navigation & CTAs

Used for navigation links and call-to-action buttons

Order Now
Weights: 500-700
Download from Google Fonts →

Typography Usage Examples

Heading 1

Roboto Flex
Welcome to U.S. Egg

Heading 2

Roboto Flex
Fresh Local Ingredients

Heading 3

Roboto Flex
Section Heading

Heading 4

Roboto Flex
Subsection Title

Body Default

Roboto Flex
This is our standard body text that provides excellent readability across all devices and screen sizes.

Body Large

Roboto Flex
This is larger body text used for emphasis and better accessibility.

Caption Text

Roboto Flex
This is caption text used for image descriptions and secondary information.

Quote Text

Roboto Flex
"The best brunch experience in the Phoenix Valley."

Logo Usage & Print Guidelines

Essential guidelines for logo usage, print specifications, and brand application across all media. Follow these standards to maintain brand consistency and professional quality in all your materials.

Logo Usage - DO's

File Formats & Resolution

  • ✓ Use PNG files for digital screens (72-150 DPI)
  • ✓ Use 300 DPI minimum for all print materials
  • ✓ Use vector files (SVG, AI, EPS) for scalability
  • ✓ Always maintain transparent backgrounds
  • ✓ Request print-ready files from us if needed

Spacing & Clear Space

  • ✓ Maintain minimum 1/2 logo height clear space on all sides
  • ✓ Use only on solid, high-contrast backgrounds
  • ✓ Always preserve original aspect ratio
  • ✓ Minimum size: 1 inch width for print, 24px height for digital
  • ✓ Center logo when used alone

Color & Print Specs

  • ✓ Use CMYK color mode for offset printing
  • ✓ Use RGB color mode for digital screens
  • ✓ Use only brand-approved color values
  • ✓ Request Pantone matching for spot color printing
  • ✓ Always test color reproduction before final production

Professional Standards

  • ✓ Always use current, official logo files
  • ✓ Ensure logo is legible at viewing distance
  • ✓ Consider substrate and finish (matte vs glossy)
  • ✓ Approve final proofs before production
  • ✓ Contact us if you need guidance on logo usage

Logo Usage - DON'TS (2025 Standards)

Backgrounds & Placement

  • ✗ Never place over complex backgrounds, patterns, or textures
  • ✗ Never place over photographs or busy imagery
  • ✗ Never use on low-contrast backgrounds (e.g., white logo on light gray)
  • ✗ Never crowd logo with other elements - respect clear space
  • ✗ Never place logo in corners or edges without proper spacing

Effects & Modern Design No-Nos

  • ✗ Never use bevels, emboss, or 3D effects (outdated)
  • ✗ Never add drop shadows, glows, or halos
  • ✗ Never use gradients in text or as backgrounds
  • ✗ Never stretch, skew, rotate, or distort the logo
  • ✗ Never apply filters, textures, or artistic effects

Colors & Quality

  • ✗ Never change or modify brand colors
  • ✗ Never use rasterized or pixelated versions
  • ✗ Never compress files to poor quality (artifacts visible)
  • ✗ Never use logos smaller than minimum size specifications
  • ✗ Never use outdated or unofficial logo versions

Typography & Modifications

  • ✗ Never add text, taglines, or additional typography to the logo
  • ✗ Never outline or add borders around the logo
  • ✗ Never use as a pattern, watermark, or tiled background
  • ✗ Never recreate or redraw the logo
  • ✗ Never use in animations or video without approval

Technical Print Specifications

Resolution Standards

Print Materials: 300 DPI minimum
Digital Screens: 72-150 DPI
Large Format (Banners): 150-300 DPI
Web Use: 72 DPI (PNG/SVG)

Color Modes by Application

Offset Printing: CMYK + Pantone
Digital Printing: CMYK
Digital Screens: RGB/sRGB
Web/Digital: RGB/HEX

File Formats

Vector (Scalable): SVG, AI, EPS, PDF
Raster (High Quality): PNG (with transparency)
Web Optimized: SVG, PNG, WebP
Print Archive: PDF/X-1a

Logo Files Available

• PNG Format: High-resolution 300 DPI for print, 72 DPI for digital use
• SVG Format: Scalable vector for any size without quality loss
• Download both formats from the Assets section below

Download Brand Assets

Download official brand assets including logos, brand guidelines, and supporting materials. All files are ready for print and digital use.

Logo PNG

High-resolution 300 DPI for print

Logo SVG

Scalable vector format

Brand Guidelines PDF

Complete style guide

Logo Pack (AI)

Adobe Illustrator files

Need additional formats or have questions about brand usage?