Articulate Storyline 360: Why You Should Be Using Text Styles

If you’ve ever spent time formatting text in an Articulate Storyline 360 project, you know how quickly things can get tedious. You change a heading’s font, adjust its size, select a color, and move on to the next slide. Then you do it again. And again.

But what happens when your client decides that every heading in the course needs to be a different color or font?

If you’ve been formatting everything manually, you’re in for a long afternoon. Fortunately, Storyline 360 has a feature that can save you a tremendous amount of time: Text Styles.

What Are Text Styles in Storyline 360?

Text styles allow you to define and apply consistent formatting throughout your Storyline project. Instead of manually formatting each heading or paragraph, you can apply a predefined style with just a couple of clicks.

Storyline includes several built-in styles, including:

  • Normal Text
  • Heading 1
  • Heading 2
  • Heading 3
  • Heading 4
  • Hyperlink

You can also create custom styles to suit your organization’s branding or the specific needs of your project.

Image showing a text formatting menu with options for different heading styles in Open Sans font and various sizes within a document editor.

You can quickly apply Styles to slide text by selecting slide text and, from the Home tab on the Ribbon, Font group, selecting the style from the Styles gallery drop-down menu.

Why Should You Use Text Styles?

Imagine developing a 75-slide Storyline course with multiple lessons, headings, subheadings, and paragraphs.

Without styles, it’s easy for formatting inconsistencies to creep in. One heading might be 32 points, another 34 points. Some might be bold, while others aren’t.

Using styles helps ensure that similar content looks the same throughout your course.

The result? A more polished, professional learning experience.

Make Global Formatting Changes in Seconds

This is where styles really shine.

Suppose you’ve developed an entire course using Open Sans for your headings. During the final review, your client requests that all Heading 1 text use a different font and color.

Without styles, you could spend a significant amount of time tracking down and reformatting each heading.

With styles, simply:

  1. Select some text that uses the Heading 1 style.
  2. Apply the font required formatting.
  3. Open the Styles gallery on the Home tab.
  4. From the Heading 1 submenu, choose Update style from selection.
Screenshot of text formatting options in a word processor, featuring various heading styles including 'Heading 1' and 'Heading 2', along with an option to update styles from the current selection.

Every instance using that style updates instantly. That’s a huge time-saver, particularly when working on larger projects.

Improve Accessibility

Here’s a benefit that’s even more important than saving time.

Text styles aren’t just about appearance. They can also help establish a meaningful heading structure for learners who use screen readers.

When you use Storyline’s built-in heading styles appropriately, you’re providing semantic information that helps assistive technologies distinguish headings from ordinary paragraphs.

For example:

  • Heading 1: Main lesson title
  • Heading 2: Major section
  • Heading 3: Subsection
  • Normal Text: Body content

This hierarchy makes it easier for learners using assistive technology to understand how information is organized.

Important: Simply making text large and bold doesn’t necessarily make it a heading for accessibility purposes. Applying an actual heading style is what gives the text its semantic meaning.

Create Your Own Custom Styles

You’re not limited to Storyline’s built-in styles.

You can create custom styles for content that appears repeatedly throughout your course, such as:

  • Important instructions
  • Definitions
  • Callouts
  • Special notes
  • Recurring content labels

To create a custom style, open the Styles gallery and select Add Style.

A dialog box for adding a custom style, featuring the title 'Kevin's Custom Style', an input field for the style name, options to publish as Heading 3, and buttons for 'OK' and 'Cancel'.

Give the style a meaningful name and click OK.

Custom styles are especially useful when working with established brand guidelines or developing courses that share a common visual identity.

Keep in mind that custom styles are primarily a formatting convenience. For accessible heading structure, use Storyline’s semantic heading styles.

A Few Best Practices

When I’m teaching Storyline 360, I encourage students to think about styles before they get too far into course development.

Here are a few recommendations:

Plan your heading hierarchy. Decide how you’ll use Heading 1, Heading 2, and other heading levels before building dozens of slides.

Use styles instead of manual formatting. Resist the temptation to select text and change its font size or color individually every time.

Avoid skipping heading levels. A logical heading hierarchy helps learners understand your content’s organization.

Don’t use headings just to make text look bigger. A heading should identify a section of content, not simply serve as a decorative formatting option.

Test accessibility. Use Storyline’s accessibility tools and test your published course with assistive technology when possible.

The Bottom Line

Text styles might not be the flashiest feature in Articulate Storyline 360, but they’re among the most practical.

They help you work faster, maintain consistency, simplify revisions, and create a more meaningful structure for learners using assistive technology.

And if you’ve ever had a client request a last-minute formatting change across an entire course, you’ll appreciate just how valuable styles can be.

My advice? Start using styles at the beginning of your next Storyline project. Your future self will thank you.


Want to Learn More About Storyline 360?

In my live, instructor-led Articulate Storyline 360 training classes, we go beyond simply learning where the buttons are. We explore practical techniques for building professional, interactive, and accessible eLearning courses.

From text styles and slide masters to triggers, variables, accessibility, and publishing, you’ll learn techniques you can put to work immediately.

Selecting Accessible eLearning Color Palettes

I was teaching a virtual Camtasia class recently and, while selecting colors for a canvas annotation, we had a robust discussion about colors. Specifically, which colors work for learners who are color blind?

According to Dr. David Nichols, University of Connecticut, approximately “one in 20 people are colorblind in some way.”

When someone is colorblind, “one or more of the types of cone cells in the eyes — the cells we use to detect color — does not work normally,” said Nichols. “A person who is colorblind sees a reduced color space; two colors which appear distinct to a person with normal color vision may appear to be the same to a person who is colorblind.”

Nichols went on to say that “most people who are colorblind have some form of red-green colorblindness, such as deuteranomaly, deuteranopia, or protanopia.”

“It can be difficult or impossible to distinguish whether a given color is red or green, and shades of red and green may have very low contrast. Instead of using a color palette of red and green, consider using a similar magenta and green color palette instead,” stressed Nichols.

When adding colors to your eLearning projects, Nichols suggests using accessible color palettes. Here is an example as seen on the “Coloring for Colorblindness” website.

A digital color palette featuring four color swatches labeled True, Prot., Deut., and Trit. Below, there is a color picker interface with a gradient and a hex code display, alongside buttons for actions like delete, add, and refresh.

And check out this awesome color contrast analyzer. The tool is helpful when adding colors to your Camtasia, Storyline, Rise, and Captivate projects.

Computer screen displaying a colour contrast analyzer tool with the text 'Contrast Failure' in purple over a teal background, along with color codes and accessibility compliance results.

Color Resources for Accessible eLearning

Choosing the right colors for your eLearning projects isn’t just about making your courses look great. It’s about ensuring your content is accessible to everyone, including learners with color vision deficiencies, while meeting Section 508 accessibility requirements.

During my Articulate Storyline 360, Adobe Captivate, and TechSmith Camtasia training classes, we frequently explore the importance of color, contrast, and accessibility. After all, even the most visually stunning course can fall short if some learners struggle to see or distinguish its content.

With that in mind, I’ve put together some excellent color resources to help you make smarter, more accessible design choices—whether you’re working toward compliance, trying to create the perfect color palette, or simply staring at a color picker wondering why there are 16 million options, and none of them look right!

Color Wheel

If you’re color clueless and are not already working with a set of brand-specific colors, this would be an excellent place to start. Click a color and you’ll be presented with complementary colors. Explore the Color Harmony area for even more colors that work well together.

Color wheel interface showcasing color relationships and harmony types, including complementary, analogous, and triadic. Selected colors displayed with hex codes #FF4000 and #00BFFF.

Color Wizard

Found a color you think could work for your design? Great! Enter that color’s hex code into the Color Wizard to start having some real fun.

A screenshot of a color palette tool named 'Color Wizard' that helps users build color schemes from a starting color. It features controls for adjusting hue, saturation, and lightness, along with options for various color harmonies such as complementary and monochromatic. The UI palette section displays usable colors with contrast checks and corresponding CSS variables.

Based on your starting color, this tool will show you coordinating colors in the monochromatic, analogous, triadic, tetradic, and split-complementary ranges, along with their hex codes.

It may be easy to figure out what the complementary colors are for red or blue or purple, but what if you have a gray-blue-green color in a muted hue? Then it might be a little harder to figure out what the perfect complimentary color would be. That’s where the color wizard can help.

Plus it’s nice to see your colors laid out together before you dive into the actual designing.

Color Contrast Checker

All right, so you’ve picked some colors. Now for the technical stuff. If you have perfect vision, a color combination might look great to you. But what about your viewers with less than perfect vision? Or those with low-resolution monitors? It might not look so hot to them. An easy way to tell if your colors have enough contrast is to plug the colors’ hex codes into Colors on the Web’s Color Contrast Analyzer.

The Color Contrast Checker will assess your color selection from an accessibility standpoint, based upon the Web Content Accessibility Guidelines (WCAG) 2.1. The highest level of conformance is AAA, but whether you need this much contrast will depend on your audience.

Screenshot of a color contrast checker tool displaying foreground and background color values, contrast ratios, and accessibility compliance results.

How to Use These Colors In PowerPoint

Let’s say you use these tools and come up with the perfect color scheme. That’s awesome! What’s not-so-awesome is that PowerPoint’s colors are in RGB, and the Colors on the Web colors are in hex code. Don’t fret, just head off to this free Hex-to-RGB Conversion site (or any other conversion site that works for you), plug in your hex code, and it’ll spit out the RGB values for you.

An interface for converting hex color codes to RGB format, displaying the hex code F28869, and corresponding RGB, HSL, HSV, OKLCH, and CMYK values.