Design System

Style Guide

Reusable typography, links, lists, buttons, cards, forms, and colors for the PHP staging site.

Header 1

Manorville Community Ambulance

Header 2

Emergency medical service built by neighbors.

Header 3

Training Provided

Header 4

Applicant Certification

Sub Header 1 Volunteer EMS since 1974
Sub Header 2 Membership
Sub Header 3 Public Information
Sub Header 4 Safety and Preparedness
Body Text

Manorville Community Ambulance serves residents and visitors through emergency medical response, training, preparedness, and volunteer service.

Generic List
  • Property tax reductions
  • Free equipment and training
  • College tuition reimbursement
Numbered List
  1. Review probation requirements.
  2. Complete the adult application.
  3. Meet with the membership committee.
Cards

Card Title

Cards are used for repeated items, summaries, resources, posts, and form groups.

Resource Card

Cards use a restrained radius, visible border, and subtle shadow.

Post Card

Blog entries can combine an image, date, headline, excerpt, and link.

Form Fields
Colors
Navy
#0d2342
Blue
#1f4778
Orange
#f06423
Light Blue
#eaf3fb
Notice
Notice: This component is used for important staging, safety, or application status messages.