Bowtech Styleguide

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

mixed headings

Add span.heading__upper around top line.

Class sizes the smaller text and cleans up spacing.

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

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

14px | 0.875remRoboto Condensed1.42857 Line Height
large textp.large-text

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

18px | 1.125remRoboto Condensed1.4 Line Height

Buttons

Form Elements

Select One:

Select One:

Add div.select--columns around label and select for side-by side.

Add div.select--stacked around label and select to place label above.

Blocks/Components

Customer Reviews

No reviews yet
Back
Next
Back
Next
Back
Next
Back
Next

FInd Your LocalBowtech Dealer

Showing 2 Results
See List
  • Bowhunters Edge 3812 E Pikes Peak Ave #217 Colorado Springs CO United States

    23.9 mi Directions
  • Royal Gorge Archery & Range 309 Main Street Canon City CO United States

    31.1 mi Directions