font-family: forma-djr-display, sans-serif;

Texas Gut Health

Brand Guide

Go With Your Gut

Texas Gut Health is a place where every patient is cared for with kindness and respect. Whether you’re stopping in for a routine procedure or experiencing extreme symptoms, Texans can trust TGH to put their health first.

Combo Mark

Our logo features the state of Texas with a star marking the greater Dallas area also in the "belly" of state. Our Word Mark is set in a modern geometric sans serif with slightly rounded corners communicating our professionalism and approachability.

The full Combo Mark should be on all official collateral when space allows. Use the vertical and horizontal variations as needed. Only set it in the following approved colorways primarily showcasing the mark in the Navy Blue colorway. TGH operates under a tri-tone color system, so the alternative colorways should only be used on their corresponding shade or on white as shown below. The Black and White colorways are only to be used on brand partnership collateral when required by brand partners.

#

Combo Vertical Navy Blue

#

Combo Vertical White Blue

#

Combo Vertical Green Green

#

Combo Vertical White Green

#

Combo Vertical Orange Beige

#

Combo Vertical White Beige

#

Combo Vertical Magenta Pink

#

Combo Vertical White Pink

#

Combo Horizontal Navy Blue

#

Combo Horizontal White Blue

#

Combo Horizontal Green Green

#

Combo Horizontal White Green

#

Combo Horizontal Orange Beige

#

Combo Horizontal White Beige

#

Combo Horizontal Magenta Pink

#

Combo Horizontal White Pink

#

Combo Vertical Navy

#

Combo Vertical Blue

#

Combo Vertical Growth Green

#

Combo Vertical Nutrient Green

#

Combo Vertical Orange

#

Combo Vertical Beige

#

Combo Vertical Magenta

#

Combo Vertical Pink

#

Combo Vertical White

#

Combo Vertical True Black

#

Combo Vertical True White

#

Combo Horizontal Navy

#

Combo Horizontal Blue

#

Combo Horizontal Growth Green

#

Combo Horizontal Nutrient Green

#

Combo Horizontal Orange

#

Combo Horizontal Beige

#

Combo Horizontal Magenta

#

Combo Horizontal Pink

#

Combo Horizontal White

#

Combo Horizontal True Black

#

Combo Horizontal True White

Word Mark

Our Word Mark is to be used on all official collateral when the space does not allow for the full Combo Mark. Only set it in the following approved colorways primarily showcasing the mark in the Navy colorway. TGH operates under a tri-tone color system, so the alternative colorways should only be used on their corresponding shade or on white as shown below.

#

Word Mark Vertical Navy

#

Word Mark Vertical Blue

#

Word Mark Vertical Growth Green

#

Word Mark Vertical Nutrient Green

#

Word Mark Vertical Orange

#

Word Mark Vertical Beige

#

Word Mark Vertical Magenta

#

Word Mark Vertical Pink

#

Word Mark Vertical White

#

Word Mark Horizontal Navy

#

Word Mark Horizontal Blue

#

Word Mark Horizontal Growth Green

#

Word Mark Horizontal Nutrient Green

#

Word Mark Horizontal Orange

#

Word Mark Horizontal Beige

#

Word Mark Horizontal Magenta

#

Word Mark Horizontal Pink

#

Word Mark Horizontal White

Icon

Our Icon is the simplest form of the brand. Use in brand applications with limited size allotments, such as favicons, and in embroidery, as well as a design element on applications like social media posts and merchandise.

The Two Tone, Outline, and Fill variations have descending degrees of complexity. As a rule of thumb, the smaller the placement, the simpler the icon used. Use the Only set it in the following approved colorways primarily showcasing the mark in the Navy Blue colorway. TGH operates under a tri-tone color system, so the alternative colorways should only be used on their corresponding shade or on white as shown below.

#

Icon Two Tone Navy Blue

#

Icon Two Tone White Blue

#

Icon Two Tone Green Green

#

Icon Two Tone White Green

#

Icon Two Tone Orange Beige

#

Icon Two Tone White Beige

#

Icon Two Tone Magenta Pink

#

Icon Two Tone White Pink

#

Icon Outline Navy

#

Icon Outline Blue

#

Icon Outline Growth Green

#

Icon Outline Nutrient Green

#

Icon Outline Orange

#

Icon Outline Beige

#

Icon Outline Magenta

#

Icon Outline Pink

#

Icon Outline White

#

Icon Fill Navy

#

Icon Fill Blue

#

Icon Fill Growth Green

#

Icon Fill Nutrient Green

#

Icon Fill Orange

#

Icon Fill Beige

#

Icon Fill Magenta

#

Icon Fill Pink

#

Icon Fill White

our logo

Usage

Safe Space

When displaying any of the logo variations, maintain ample space around it to avoid crowding or interference from other elements. To achieve this, don’t place anything within the “safe space” equivalent to 10% the width of the logo.

*Of course, there are exceptions: subtle patterns or textures overlapping at 20% opacity or less are acceptable.

Please Don't

To maintain consistency in logo variations across all platforms, avoid the following:

#

Use unapproved color combinations or colors

#

Distort the logo and elements

#

Mask images into the logo

#

Place logo on backgrounds that make elements hard to read

#

Use alt fonts

NxStep in

Color

Primary Colors

Below are our Primary Colors. They are to be used for the majority of logo iterations, full backgrounds on major touchpoints, and copy colors for web and collateral.

  • Hex #1a1a6b
  • RGB 26, 26, 107
  • CMYK 100, 100, 25, 19
  • Pantone 2756 C
  • Gentle White

  • Hex #f9f7ef
  • RGB 249, 247, 239
  • CMYK 1, 1, 5, 0
  • Pantone 4545 C @ 15%
 

Secondary Colors

Our Secondary Colors are used on key graphics and to highlight key information such as banners and social posts.

  • Balanced Blue

  • Hex #77a1ee
  • RGB 119, 161, 238
  • CMYK 51, 30, 0, 0
  • Pantone 7451 C
  • Growth Green

  • Hex #004222
  • RGB 0, 66, 34
  • CMYK 89, 44, 95, 54
  • Pantone 7734 C
  • Nutrient Green

  • Hex #92d367
  • RGB 146, 211, 103
  • CMYK 45, 0, 78, 0
  • Pantone 359 C
  • Vitality Orange

  • Hex #cc4217
  • RGB 204, 66, 23
  • CMYK 14, 87, 100, 4
  • Pantone 7579 C
  • Symbiotic Beige

  • Hex #f2bc8b
  • RGB 242, 188, 139
  • CMYK 4, 29, 48, 0
  • Pantone 2015 C
  • Restorative Magenta

  • Hex #960641
  • RGB 150, 6, 65
  • CMYK 29, 100, 60, 22
  • Pantone 7425 C
  • Compassion Pink

  • Hex #ed91e8
  • RGB 23, 145, 232
  • CMYK 13, 48, 0, 0
  • Pantone 251 C
 

Tertiary Color

Our Tertiary Color, Grounding Black, is only to be used for body copy on light background colors.

  • Grounding Black

  • Hex #131314
  • RGB 19, 19, 20
  • CMYK 74, 68, 65, 81
  • Pantone 419 C

Typography

Our Font Families

Subheadings & Buttons - Forma DJR Display Bold, +200 Tracking, All Caps
ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890!@#$%^&
Headings - Forma DJR Display Medium, -10 Tracking, Sentence Case

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

1234567890!@#$%^&

Accent - embury text light, -50 tracking, Sentence Case

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

1234567890!@#$%^&

Body - figtree regular, Sentence Case

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp
Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890!@#$%^&

depth through

Design Elements

Photo Styling

Our photography is representative of our office make-up. It should feature bright, clean environments, with happy clinicians and patients, and pops of our brand colors. 

Use the photo bank attached below as a starting place for stock imagery.

Pattern

Our brand pattern is a repeatable pattern of our Outline Icon. It's built to scale well across use cases while remaining recognizable as our primary mark.

Use color variations on their corresponding color shades or Gentle White as needed. 

Line Elements

Our Line Element is reminiscent of our logo icon. Use to add depth and movement to key graphics ensuring the horizontal and vertical strokes are the same weight with the vertical ones having a fill and the horizontal strokes remaining outlined.

Brand in action

Application

#
#
#
#
#
#
#
#