Design Guide

Fonts Used

Fjalla One and Ubuntu

Colors

Black: #000000

#000000

Dark Grey: #221f20

#221f20

Light Grey: #dbdbdb

#dbdbdb

White: #ffffff

#ffffff

Yellow: #e1b851

#e1b851

Dark Yellow: #b59441

#b59441

Blue: #3480b7

#3480b7

Lightblue: #62b3db

#62b3db

Red: #b01122

#b01122

Light Red: #ec6550

#ec6550

Green: #648039

#648039

Light Green: #adbd26

#adbd26
Image Sizes

(weight recommended below 400kb)

  • Homepage banner : 1129 x 938px JPG file
  • Homepage banner text background : 791 x 938px JPG file
  • Homepage Vision section building : 791 x 938px PNG file
  • Homepage How we do it background : 1125 x 1906px JPG file
  • Homepage How we do it  icons : 144 x 175px PNG file
  • Homepage Our priorities background : 1920 x 1182px JPG file
  • Partner with us banner : 1131 x 938px JPG file
  • Partner with us Come to the Table background : 1920 x 1479px JPG file
  • Contact page banner : 1920 x 592px JPG file
  • Calendar page banner : 1129 x 938px JPG file
  • Team thumbnail image: 423 x 543px JPG file
  • Team partnership background: 1920 x1153px JPG file
  • Team – Meet the Leadership thumbnail image: 404 x 540px JPG file
  • Team – Meet the executive team thumbnail image: 380 x 400px JPG file
  • Team – leadership council thumbnail image: 300 x 300px JPG file
  • Team – Youth Ventures JPA thumbnail image: 300 x 300px JPG file
  • Team – Partners background : 640 x 1386px JPG file
  • Team – Partners Logos : varies sizes JPG file
  • Our Priorities page banner : 1129 x 938px JPG file
  • Our Priorities – Current Priorities image : 583 x 328px JPG file
  • Our Priorities – Why is this a priority for OT : 547 x 845px JPG file
  • Our Priorities – How does OT get this work done? image : 583 x 328px JPG file
  • Our Priorities – Advisory & Community Engagement : 910 x 1629px JPG file
  • Our Priorities – Who is involved? : 300 x 170px JPG file
  • Our Priorities – ABH Why Priority : 517 x 711px JPG file
  • Our Priorities  – Who is involved? Logos : varies sizes JPG file
  • Our Priorities – Why is this a priority for OT : 547 x 647px JPG file
  • Our Priorities – How Does Oakland Thrives Get This Work Done? : 668 x 646px JPG file
  • Our Priorities  – Who is involved? Logos : varies sizes JPG file
  • Our Priorities – Current Priorities image : 789 x 560px JPG file
  • Our Priorities  – Who is involved? Logos : varies sizes JPG file