Beyond Brand Style Guide

Typography

H1

Lorem ipsum dolor sit amet

H2

Lorem ipsum dolor sit amet

H3

Lorem ipsum dolor sit amet

H4

Lorem ipsum dolor sit amet

H5
Lorem ipsum dolor sit amet
Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Block Quote
Lorem ipsum dolor sit amet
Text Link
Lorem ipsum
Button
View Project
Unordered List
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Colors

Text colors

font color - gray
#333333
Font color - lighter gray
#666666

Primary Palette

BRAND COLOR 1
#02556c
BRAND COLOR 3
#ee3968
BRAND COLOR 5
#ee3968
BRAND COLOR 2
#3bc1cc
BRAND COLOR 4
#252f38

Secondary colors

Light Blue
#ddfbff
LIGHT Green
#ddffee
Blue
#0043f3
Blue Gray
#34445f
Aqua
#03ffdd

Product colors

Signal
#b346c7
Guidance
#ff5eb2
Relay
#00cdb1
Insights
#3b90ff
Tally
#97d128
Projections
#f2cc31

Primary Logo & Icon

Beyond color logo
MAIN LOGO color
DOWNLOAD
Beyond black logo
MAIN LOGO BLACK
DOWNLOAD
Beyond white logo
MAIN LOGO WHITE
DOWNLOAD
Beyond color icon logo
MAIN icon color
DOWNLOAD
Beyond black icon logo
MAIN icon BLACK
DOWNLOAD
Beyond white icon logo
MAIN icon WHITE
DOWNLOAD