Bowtech Styleguide

Table of Contents

Colors
Typography
Buttons
Form Elements
Blocks/Components

Colors

bgGold
#ffc52f

bgBlack
#111820

bgBlack
#1C1C1C

offBlack
#262626

darkGray
#aaaaaa

mediumGray
#3c3c3c

lightGray
#e1e1e1

offWhite
#F2F1F1

white
#FFFFFF

Typography

HEADING 1

70px | 4.375remFlama Condensed Bold96px Line Height2px Letter Spacing

HEADING 2

56px | 3.5remFlama Condensed Bold76px Line Height2px Letter Spacing

HEADING 3

44px | 2.75remFlama Condensed Bold50px Line Height1px Letter Spacing

HEADING 4

32px | 1.875remRoboto Condensed Bold38px Line Height

HEADING 5

24px | 1.5remRoboto Condensed Bold32px Line Height

HEADING 6

18px | 1.125rem Roboto Condensed Bold24px Line Height

Smaller Upper Text Normal H2 Text

Smaller Upper Text Normal H3 Text

paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit Ut lobortis ac felis ut hendrerit. Suspendisse at tellus tempus, lobortis ante eget, malesuada dolor. Nullam quis mi lobortis, lobortis eros sed, euismod enim. Donec condimentum lobortis neque in interdum. Nullam convallis aliquet ultrices. Fusce ipsum dolor, dignissim

16px | 1remRoboto Condensed1.5 Line Height

small textp.small-text

14px | 0.875remRoboto Condensed1.42857 Line Height

large textp.large-text

18px | 1.125remRoboto Condensed1.4 Line Height