Hass Avocado Board

Website Elements Guide

#AFB329
rgb(175, 179, 41)
.text-citron-dark
.bg-citron-dark

#C2C635
rgb(194, 198, 53)
.text-citron-light
.bg-citron-light

#828B22
rgb(130, 139, 34)
.text-olive-dark
.bg-olive-dark

#939b3e
rgb(147, 155, 62)
.text-olive-light
.bg-olive-light

#567727
rgb(86, 119, 39)
.text-fern-dark
.bg-fern-dark

#6a8c3c
rgb(106, 140, 60)
.text-fern-light
.bg-fern-light

#C2531A
rgb(194, 83, 26)
.text-orange-dark
.bg-orange-dark

#D14C0E
rgb(209, 76, 14)
.text-orange-light
.bg-orange-light

#D36D4A
rgb(211, 109, 74)
.text-coral-dark
.bg-coral-dark

#F27B52
rgb(242, 123, 82)
.text-coral-light
.bg-coral-light

#0b1d44
rgb(11, 29, 68)
.bg-navy-dark
.text-navy-dark

#213454
rgb(33, 52, 84)
.bg-navy-light
.text-navy-light

#2F5830
rgb(47, 88, 48)
.text-forest-dark
.bg-forest-dark

#3D803E
rgb(61, 128, 62)
.text-forest-light
.bg-forest-light

#669973
rgb(102, 153, 115)
.text-sage-dark
.bg-sage-dark

#68b77c
rgb(104, 183, 124)
.text-sage-light
.bg-sage-light

#4a1835
rgb(74, 24, 53)
.text-plum-dark
.bg-plum-dark

#601E46
rgb(96, 30, 70)
.text-plum-light
.bg-plum-light

Extra-Light 200
Light 300
Regular 400
Semi-Bold 600
Bold 700
Black 900

Extra-Light Italic 200
Light Italic 300
Regular Italic 400
Semi-Bold Italic 600
Bold Italic 700
Black Italic 900


https://fonts.google.com/specimen/Source+Sans+Pro

Headline One

Headline Two

Headline Three

Headline Four

Headline Five
Headline Six

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Font Weight 200

Font Weight 300

Font Weight 400

Font Weight 600

Font Weight 700

Font Weight 900

icon-angle
icon-arrow-circle
icon-long-arrow
icon-caret
icon-chart
icon-check
icon-circle
icon-close
icon-cross
icon-dots
icon-filter
icon-file-pdf
icon-file-ppt
icon-folder-open-o
icon-grid
icon-list
icon-pencil-ruler
icon-plus
icon-plus-circle
icon-search
icon-user
icon-write

Media Queries

col-xs = everything under 48em (768)

col-sm = 48em and up (768)

col-md = 64em and up (1028)

col-lg = 75em and up (1200)

Registration Required