Branding

Our brand is built on creativity, quality, and attention to detail. This guide serves as a roadmap for maintaining consistency in our visual language.

Typography

We use two fonts for our branding. For titles and display text, we use Miller Headline, a classic and sophisticated serif typeface. For most everything else, we use Mr. Eaves Sans, a straightforward, clean sans-serif typeface. Below you will find some examples of how both fonts are used.

Heading Sizes

Heading LG

Heading MD

Heading SM

Heading XS

Text Sizes

Text Size Large: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni

Text Size Regular: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet

Text Size Small: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet

Text Size Tiny: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet

Text Weights

Text Weight Bold
Text Weight Normal
Text Weight Light

Text Styles

Text Style Strikethrough

Text Style Italic

Text Style Muted
text style allcaps
Text Style Nowrap
Text Style Link
Text Style Quote:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius eni Lorem ipsum dolor sit amet,

Logos

Logomark

We use two fonts for our branding. For titles and display text, we use Miller Headline, a classic and sophisticated serif typeface. For most everything else, we use Mr. Eaves Sans, a straightforward, clean sans-serif typeface. Below you will find some examples of how both fonts are used.

Logo Usage

We use two fonts for our branding. For titles and display text, we use Miller Headline, a classic and sophisticated serif typeface. For most everything else, we use Mr. Eaves Sans, a straightforward, clean sans-serif typeface. Below you will find some examples of how both fonts are used.

Logo Variants

We use two fonts for our branding. For titles and display text, we use Miller Headline, a classic and sophisticated serif typeface. For most everything else, we use Mr. Eaves Sans, a straightforward, clean sans-serif typeface. Below you will find some examples of how both fonts are used.

Logomark

A sleek and modern visual icon that encapsulates the brand's identity without accompanying text. The logomark serves as a recognizable standalone element for digital applications, avatars, or minimalist branding.

Horizontal Combo

A clean and balanced horizontal arrangement of the logomark paired with the logotype. Ideal for primary branding, website headers, and applications where both icon and name are needed for full recognition.

Square Logomark

A compact and optimized version of the logomark designed to fit neatly into square dimensions. Perfect for app icons, social media profiles, or scenarios where space is limited.

Square Combo

A stacked arrangement of the logomark above the logotype, formatted within a square layout. This format works well for social media, print materials, and contexts requiring both brand elements in a constrained space.

Logotype

A typographic representation of the brand's name, emphasizing clarity and readability. This variant is well-suited for headers, email signatures, and professional documents where text-focused branding is preferred.

Colors

Proper use of colors is an essential part of the brand. Below, we outline the 3 core colors and 2 neutral colors that our brand is comprised of. If you need to get lighter or darker versions of colors, or a color code for a color that isn't detailed below, use colorkit.co for additional color information.

Core Colors

Bucktrout
#403b39
rgb(64, 59, 57)
hsl(17, 6%, 24%)
Bone
#e7e4db
rgb(231, 228, 219)
hsl(45, 20%, 88%)
Oxblood
#4d2e2c
rgb(77, 46, 44)
hsl(4, 27%, 24%)

Neutral Colors

Irish Cream
#f8f7f3
rgb(248, 247, 243)
hsl(48, 26%, 96%)
Warm Gray
#a69a97
rgb(166, 154, 151)
hsl(12, 8%, 62%)

Imagery

Our brand benefits from imagery that contains a variety of styles and colors. We often use collaged images as core imagery in both our website and print-based materials.

Website Image Sizes and Resolutions
For the primary image for each project, a800 x 1200px image works best (verticallyoriented). For the other imagery for a pro-ject, 2040 x 1320px is a good default sizeif you plan to stack them like pages from apresentation.

Resources

We also have a PDF version of the style guide. Click here to download it.