Search Empire State Ride

style

guide

Colors

#39617A

#F57722

#4D4D4D

Headings

heading size one

Barlow Condensed  /  100pt  /  500 weight  /  Uppercase 

heading size two

heading size two

Barlow Condensed  /  72pt  /  400 weight  /  Uppercase 

heading size three

heading size three

Barlow Condensed  /  44pt  /  500 weight /  Uppercase

Paragraph Copy

Open Sans  /  18px  /  #4D4D4D  /  1.7 em line height

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent pellentesque ligula eget mattis finibus. Maecenas quis lectus eleifend, varius tortor non, lacinia libero. Sed sagittis condimentum turpis. Nam sit amet enim nunc. Curabitur semper, nibh et tristique congue, libero odio aliquam odio, non luctus arcu augue sit amet erat. Mauris porttitor mattis orci ut accumsan. Fusce convallis varius odio, commodo aliquam neque elementum non. Duis id feugiat orci, luctus placerat arcu. Quisque libero elit, rutrum eu pretium a, aliquet et eros. Integer eu eros eget purus placerat porttitor. Curabitur accumsan sed felis vitae mollis. Ut tempor massa luctus, viverra ligula non, varius leo.

Buttons

Barlow Condensed  /  28pt  /  500 weight  /  Uppercase
Text shadow: 
rgba(0, 0, 0, 0.08), blur 0, horizontal 2, horizontal 2

Border: 2px, #F57722  /  Border radius: 100px

Padding: top: 20px, bottom: 20px, right 45px, left 45px

Box shadow: rgba(0,0,0,0.15), blur 0, horizontal 3, vertical 3

*** All content sections are boxed at 1200px width ***

*** 75px spacing between each content section ***

Group of four ESR riders
3 ESR Riders riding bicycles on the road
ESR Riders riding bicycle on the road

sample text + photo cluster

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac ipsum leo. Duis id consectetur est, ac ornare enim. Duis finibus magna sed orci interdum, eget imperdiet lectus finibus. Quisque rhoncus justo sed venenatis cursus. Sed vel nibh accumsan, lobortis lacus eget, lacinia leo. Phasellus magna nibh, mollis vitae enim ut, tincidunt accumsan velit. In tristique, dui a pharetra fringilla, diam sem egestas nisl, eu rutrum sapien nunc elementum ante. Pellentesque consequat nulla vel luctus auctor.

proceeds directly benefit