Working prototype by Stoa. A concept for the Great Lakes Bay STEM Career Exposure Resource Hub, built by Stoa Works for the Bay-Arenac ISD RFP. Not the official Bay-Arenac ISD website. All resources shown are clearly labeled sample content.

Deliverables #12 and #13

Communications Toolkit

A cohesive visual identity and ready-to-use templates 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.7:1 on white, AA large text.
Bay Blue
#0B6E99
Links, borders, secondary accent. 5.1: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

Ready-to-use assets

Communications templates

Eight brand-applied templates for digital and print communication across the hub's reach.

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.1:1 contrast ratio.
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 toolkit 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.

Sample UI

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.

Sample dashboard

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 is built into the hub so your staff can customize templates, refresh branding, and maintain consistency as the hub grows. Everything you need to launch is here.

Browse the resource library →