top of page
color swatches in style guide

Learning Style Guide

Client:

Services:

Style Guide Development

Solution:

HTML-based Confluence page

Summary:

Designed and developed Snap One's first centralized L&D style guide, creating a single source of truth for 7 instructional designers producing content across hundreds of courses.

mountain icon
Challenge

Snap One's learning team had no centralized style guide. With 7 instructional designers working across hundreds of ILT and eLearning courses, every designer was making independent decisions about fonts, colors, tone of voice, and accessibility standards. The result was inconsistent branding across learning assets and recurring debates about basic style questions — time that could have been spent on higher-value work.

mountain path icon
Solution

I independently designed and developed an HTML-based style guide in Confluence, gathering input from the design team to ensure it addressed real pain points. The guide included color swatches aligned with brand standards, typography rules, writing guidelines, and accessibility requirements. I built it with a floating table of contents so designers could jump directly to the section they needed without scrolling through the entire document.

gear icon

Adobe Illustrator, Confluence

mountain with flag icon
Results

The style guide was adopted as the team standard for all new ILT and eLearning development. With 7 instructional designers producing content across hundreds of courses, the guide eliminated recurring debates — like whether verbs such as "is" and "are" should be capitalized in titles (they should) — by providing a single reference point for decisions that had previously been made ad hoc. It also became part of onboarding for new designers joining the team.

What I Created

The style guide was built as a navigable HTML page in Confluence with a floating table of contents, allowing designers to jump directly to color standards, typography rules, accessibility requirements, or writing guidelines. Watch the walkthrough below.

Learning Style Guide

Learning Style Guide

bottom of page