Digital Style Guide
brand emotion
ONEBRIDGE brand is down to earth but looks high end. Work ethic to reflect “get right down to it”. Energetic and fun withextreme focus on results. Bright, not old school. Cutting edge but not too futuristic. Descriptive words; Reliable, Supportive, Ethical, Integrity, Breath of fresh air, Work Hard - Play Hard, Trustworthy, Approachable, Proactive & Partnership.
primary logo
The primary logo is the face of the OneBridge brand. Its consistent and clear usage throughout all branded materials and contexts is essential for maintaining a coherent visual language and for building brand equity.
Detailed below are the proper usage and characteristics of the primary logo.
primary logo + Tagline
In some situations, presenting the OneBridge tagline is ideal to characterize the full story of the OneBridge offering. In those cases, the following lockups are provided under the governing creative rules.
horizontal logo
The horizontal, secondary logo is provided primarily for digital formats and applications where size and shape of the primary logo is problematic for readability and accessibility.
Use of the horizontal version of the logo should be supported by the primary elsewhere in the format.
horizontal logo + Tagline
A secondary version combining the logo and tagline, for situations where the stacked shape cannot be made to work.
logo icon
The swoosh bridge is the shorthand visual representation of the brand. It can be used in situations where iconographic representations of the brand are needed (e.g. avatars, icon files, favicons). The icon is not a substitute for the logo, and must not be alone as an identifying mark of the brand.
color palette - brand
Primary Color
ruby
secondary color
slate
tertiary color
ruby
quaternary color
ruby
color palette - grey
Off-white
ice
Grey 1
light grey
Grey 2
medium grey
Grey 3
dark grey
color palette - base & accent
white
white
black
light grey
accent 1
Ruby
accent 2
ruby
Typography
Modern, web-friendly fonts are combined to create a distinctive typographic family with logotype, primary, and accent fonts. Used in the right proportions, these choices accent the character of the brand, while maintaining an easy approachability and readability.
Primary Font: Poppins
Google Font
Geometric sans serif typefaces have been a popular design tool ever since these actors took to the world’s stage.Poppins is one of the newcomers to this long tradition. With support for the Devanagari and Latin writing systems, it is an internationalist take on the genre.
Each letterform is nearly monolinear, with optical corrections applied to stroke joints where necessary to maintain an even typographic color. The Devanagari base character height and the Latin ascender height are equal;Latin capital letters are shorter than the Devanagari characters, and the Latin x-height is set rather high.
Secondary Font: Poppins
Google Font
Geometric sans serif typefaces have been a popular design tool ever since these actors took to the world’s stage.Poppins is one of the newcomers to this long tradition. With support for the Devanagari and Latin writing systems, it is an internationalist take on the genre.
Each letterform is nearly monolinear, with optical corrections applied to stroke joints where necessary to maintain an even typographic color. The Devanagari base character height and the Latin ascender height are equal;Latin capital letters are shorter than the Devanagari characters, and the Latin x-height is set rather high.
Body Font: Poppins
Google Font
Geometric sans serif typefaces have been a popular design tool ever since these actors took to the world’s stage.Poppins is one of the newcomers to this long tradition. With support for the Devanagari and Latin writing systems, it is an internationalist take on the genre.
Each letterform is nearly monolinear, with optical corrections applied to stroke joints where necessary to maintain an even typographic color. The Devanagari base character height and the Latin ascender height are equal;Latin capital letters are shorter than the Devanagari characters, and the Latin x-height is set rather high.
Accent Font: Lemon Tuesday
Daria Kwon
Lemon Tuesday font can be used as an accent font to call out simple words or phrases to highlight specific features of the ONEBRIDGE brand. This font represents a bit of playfulness which helps bring character to branded formats.
typography - tag hierarchy & headlines
Poppins Bold
64px | 4rem
You know what to do, jazz it up.
Poppins Bold
48px | 3rem
You know what to do, jazz it up a little.
Poppins Bold
32px | 2rem
You know what to do, jazz it up a little. Just Photoshop out the dog,
Poppins Bold
20px | 1.25rem
You know what to do, jazz it up a little. Just Photoshop out the dog, add a baby, and make the curtains blue.
Poppins Bold
14px | .875rem
You know what to do, jazz it up a little. Just Photoshop out the dog, add a baby, and make the curtains blue. exactly like that, but different. can you pimp this powerpoint,
Poppins Bold
12px | .75rem
You know what to do, jazz it up a little. Just Photoshop out the dog, add a baby, and make the curtains blue. exactly like that, but different. can you pimp this powerpoint, need more geometry patterns remember, can you make it work for ie 2 please anyway,
typography - body copy
Poppins Medium
16px
Amet facilisis magna etiam tempor orci eu lobortis. Risus feugiat in ante metus dictum at tempor. Varius vel pharetra vel turpis nunc eget lorem dolor sed. Iaculis nunc sed augue lacus viverra vitae congue eu. Odio ut sem nulla pharetra diam sit amet.
Nullam eget felis eget nunc lobortis mattis aliquam faucibus purus. Ultrices sagittis orci a scelerisque purus. Eu feugiat pretium nibh ipsum consequat nisl vel.
Poppins Medium
16px
Amet facilisis magna etiam tempor orci eu lobortis. Risus feugiat in ante metus dictum at tempor. Varius vel pharetra vel turpis nunc eget lorem dolor sed. Iaculis nunc sed augue lacus viverra vitae congue eu. Odio ut sem nulla pharetra diam sit amet.
Nullam eget felis eget nunc lobortis mattis aliquam faucibus purus. Ultrices sagittis orci a scelerisque purus. Eu feugiat pretium nibh ipsum consequat nisl vel.
Poppins Medium
16px
Amet facilisis magna etiam tempor orci eu lobortis. Risus feugiat in ante metus dictum at tempor. Varius vel pharetra vel turpis nunc eget lorem dolor sed. Iaculis nunc sed augue lacus viverra vitae congue eu. Odio ut sem nulla pharetra diam sit amet.
Nullam eget felis eget nunc lobortis mattis aliquam faucibus purus. Ultrices sagittis orci a scelerisque purus. Eu feugiat pretium nibh ipsum consequat nisl vel.
Downloads
Download brand elements packs.
Executions
Layout examples showing how the brand is applied in different composite structures involving layers of color, logo, typography and design elements.
brand & marketing services provided by textile
Textile Creative Studios LLC is a Minneapolis/Dallas-based agency. HubSpot certified Gold-level partner agency.