Have questions about the program? JOIN US for our virtual parent meeting May 14, 2025 at 7pm. Sign up TODAY

Style Guide

Logos

DriverEdSafety Logo - department tagline - full color - square

PNG  |  JPG  |  WEBP  |  SVG  |  AI  |  EPS

Square version

PNG  |  JPG  |  WEBP  |  SVG  |  AI  |  EPS

DriverEdSafety Logo - department tagline - white - square

PNG  |  WEBP  |  SVG  |  AI  |  EPS

Square version

PNG  |  WEBP  |  SVG  |  AI  |  EPS

Colors

Primary

#0a203f
rgb(10, 32, 63)

Secondary

#f98f10

Secondary

#09b5f4

Typography

Key:
Typography Element – Usage – Font Name – Font Size / Line Height

Heading 1 - Page Title - Roboto - 50px/70px

Heading 2 - Section Titles - Roboto - 36px/54px

Heading 3 - Section Sub-Titles - Roboto - 28px/42px

Heading 4 - Element Titles (Photos, Grid Items) - Roboto - 24px/38px

Heading 5 - Element Sub-Titles - Roboto Condensed - 22px/30px
Heading 6 - Meta Information (Dates, Categories, Tags) - Roboto Condensed - 18px/27px

Paragraph Text – Main Content Text – Roboto – 18px/27px

Structure

SECTION with 45px top and bottom padding containing ROWS inside.

ROWS with default padding containing ELEMENTS inside.

ELEMENTS with 30px bottom margin between unrelated elements, 15px bottom margin between sub-titles and related content.