Ready for your team

Communications Toolkit

A cohesive visual identity and brand-applied template designs so district staff, educators, families, and regional partners communicate with one voice across social media, print, email, and presentations.

Visual identity

Brand identity

Great Lakes Bay STEM Career Hub logo

Great Lakes Bay Region

STEM Career Hub

Palette

Industry Copper
#C2622D
Buttons, accents, primary interactive elements. 4.13:1 on white, AA large text.
Bay Blue
#0B6E99
Links, borders, secondary accent. 5.67:1 on white, AA.
Deep Harbor
#21333F
Headings, nav bar, dark bands. 12:1 on white, AAA.
Spark Yellow
#F2B705
Energy highlights and focus rings. Use on dark backgrounds only.
Sky Tint
#E6F2F7
Soft section backgrounds and panels.
Paper
#FBFAF7
Page background and card surfaces.
Ink
#1A1A1A
Body text and primary copy. 16:1 on paper, AAA.

Typography

Display Typeface

Space Grotesk 700

Engineered technical grotesque for headlines and display. Reads like signage on a plant floor.

Body Typeface

Mulish 400: friendly, highly legible humanist sans for body and UI text.

Use weights 400, 500, 600, and 700 for emphasis.

Logo standards

Logo usage and guidelines

Minimum clear space: one quarter of the logo's height on all sides. Minimum size: 1 inch in print, 32 pixels on screen.

Do

  • Use the full brand lockup when space permits
  • Place on white, paper, or sky tint backgrounds
  • Maintain the original color palette
  • Preserve minimum clear space
  • Scale proportionally

Don't

  • Recolor or desaturate the mark
  • Stretch, skew, or distort proportions
  • Add effects, shadows, or outlines
  • Place on complex or busy backgrounds
  • Rotate or flip the mark

Brand in action

Communications templates

Eight brand-applied template designs for digital and print communication, shown here as previews. The editable files arrive with the toolkit handoff.

Reference guide

Color and typography rules

Primary buttons
Industry copper (#C2622D) on white. Text in white, weights 600 or 700. Minimum 44px hit target.
Links and secondary accents
Bay blue (#0B6E99) on light backgrounds. Underlined on body text, 5.67:1 contrast on white.
Headings (h1–h3)
Deep harbor (#21333F) in Space Grotesk 700. One h1 per page. Logical order h1 > h2 > h3.
Body text
Ink (#1A1A1A) in Mulish 400 on paper (#FBFAF7) or white. Line length max 66 characters for readability.
Section backgrounds
Paper (#FBFAF7) default, sky tint (#E6F2F7) for alternating sections. Deep harbor for dark bands.
Focus rings
Spark yellow (#F2B705) 3px outline on interactive elements. 2px minimum for web accessibility.

Staff, maintenance, and scale

Built to hand off to your team

The project handoff includes staff-editable workflows, usage insights, and documentation so your team can maintain and expand the hub.

Staff-editable CMS

Career cluster: 13 Manufacturing Grade: 6-8

Your team uploads resources, tags across five facets, and publishes instantly. No developer needed.

Interface preview

Usage analytics

Career cluster searches 428
Manufacturing videos 156
Most-viewed resource 42

Dashboard shows which resources are finding audiences, where searches lead, and what topics need more content.

Interface preview

Training and documentation

  • Admin guide and quick-start checklist
  • Video walkthroughs of publishing workflow
  • Live training session with Stoa (included)
  • Follow-up training 6 weeks in (included)
  • Email and Slack support during launch period

Your team has everything needed to run the hub independently after launch. Support is included in the project.

The communications toolkit lives in the hub so your staff can keep branding and communications consistent as the hub grows. Editable template files and training arrive with the project handoff.

Browse the resource library →