Style Guide
Introduction
Welcome to the Style Guide of the ILT Curriculum Development Team. Here, you’ll find the standards and best practices that keep our work cohesive, professional, and learner-centered. Whether you’re developing new, editing existing, or collaborating on instructor-led content, this guide is your central resource for ensuring clarity, consistency, and quality across all our learning materials.
To deliver the best experience for our learners, keep these foundational principles in mind when creating:
Principle 01
Clarity over cleverness
Say it plainly. Make understanding easy.
- Make the main point easy to spot
- Write instructions to prevent misreads
- Keep visuals aligned with the text
- Help learners move forward without guessing
Principle 02
Consistency across content
Use consistent conventions. Keep patterns predictable.
- Use consistent formatting and structure
- Apply consistent patterns across the content
- Keep labels and terminology consistent
- Apply consistent visual styling across deliverables
SharePoint
Our team maintains the following SharePoints:
Deliverables
Find guidance by deliverable Beta
Select a deliverable to show only the most relevant guidelines.
Naming conventions
General rules
Naming course folders
Course (top-level) folder
Level 1 (required) folders
00 Course information
01 Facilitation resources
02 Learner resources
Level 2 (module) folders
Naming files
Example course folder and file structure
SSA 25
│
├─ 00 Course information
│ ├─ Course outline.xlsx
│ └─ Delivery guide.pptx
│
├─ 01 Facilitation resources
│ │
│ ├─ 01 Foundations of Pega Platform
│ │ ├─ 0101 Introduction to Center-out architecture.pptx
│ │ └─ 0102 Low-code development and AI-powered design.pptx
│ │
│ └─ 02 Case design
│ ├─ 0201 Case Lifecycle design in Pega Platform.pptx
│ └─ 0202 Data Model design in Pega Platform.pptx
│
└─ 02 Learner resources
├─ Learners guide.pdf
└─ Solution guide.pdf
Resources
Authoring
Design
Alternatives
Generative AI
Responsible use
When to use AI
- check Drafting slides, notes, or outlines
- check Rewording for clarity or tone
- check Summarizing source material or updates
- check Creating exercises or examples
- check Improving structure and flow
When not to use AI
- close Finalizing content without review
- close Confirming technical accuracy
- close Using confidential or unreleased information
- close Replacing SME or developer judgment
- close Working outside approved sources
Accuracy
Prompt guidance
Review AI output
Fonts
Styles and usages
Lora
Open Sans
Chakra Petch
Colors
Palettes
Click any color swatch to copy its hex code.
Visual design
Whitespace info
Alignment info
Misaligned elements result in a disorganized, hard-to-follow design.
Consistent alignment of text and images creates an organized, easy-to-read layout.
Visual hierarchy info
Disrupted element order breaks the natural reading flow, causing confusion.
Elements follow a logical flow, directing focus naturally from text to image.
Image quality info
Blurry visuals reduce clarity, making details hard to read and understand.
Clear visuals enhance learner understanding by making details easy to read.
Image scale info
Stretched or compressed images cause distortion, reducing professionalism.
Properly scaled images maintain clarity and proportion, avoiding distortion.
Presentations
Templates and themes
Slide layouts
| Layout name | Purpose |
|---|
Content density
Speaker notes
Screenshots
Callouts
Focus and cropping info
Extra browser UI and whitespace distract from the area learners need to focus on.
Tight cropping keeps attention on the relevant area while preserving enough context to orient learners.
Sensitive data
Sensitive information is visible, which creates privacy and compliance risks.
Mock data or redaction protects sensitive information while keeping the screenshot instructionally useful.
Simplified user interface (SUI)
Procedures and instructions
Writing steps
Grammar and usage
Acronyms and abbreviations
Capitalization
Dates and times
Numbers
Trademarks
Punctuation
Ampersands
Commas
Hyphens
Slashes
Style and voice
Voice and tone
Person and perspective
Inclusive language
Plain language
Modal verbs
Terms that take headline case
Terms to avoid
| Avoid | Use |
|---|
Interacting with UI elements
| UI Element | Preposition | Verb |
|---|
Icons reference
| Icon | Name / Meaning |
|---|---|
| add | Add, Create |
| calendar_month | Calendar |
| delete | Delete, Remove |
| edit | Edit |
| drag_indicator | Drag* |
| filter_list | Filter |
| settings | Gear (was Properties) |
| help | Help |
| menu | Menu (was More) |
| more_vert | More (also Action, depending on the app) |
| more_horiz | More (iOS) |
| auto_awesome | Polaris |
| tune | Settings |
| linear_scale | Slider** |
| toggle_on | Switch*** |
| gps_fixed | Target (was Open) |
* Although not technically an icon, the Drag handle can be found in multiple places in Pega software. Avoid naming it directly; use alternate phrasing like "Drag the list items..." instead.
** Slider elements can be horizontal or vertical. Refer to the Slider by its name first. For example, "Click the Temperature Slider..."
*** Switches are toggled. For example, "Toggle the Source switch on."
Examples library
No examples match your filter.
Quality checklist