Style Guide Exercises
Explore hands-on “Style Guide” exercises to sharpen your skills and level up your craft. Want more? Browse all search results

Exercise
Type systems

Exercise
Pattern libraries

Exercise
Consistency and standards

Exercise
Design systems

Exercise
Style guides

Exercise
Step 6: Create a brand style guide

Exercise
Combination mark

Exercise
Logotype

Exercise
CSS

Exercise
Color palette

Exercise
Color systems

Exercise
Step 7: Add visuals

Exercise
Use a style guide

Exercise
Design systems

Exercise
Developing brand consistency documentation
Exercise
Creating living style guides for AI behavior
Exercise
Defining your writing style

Exercise
Write component specifications

Exercise
Crafting AI personality and voice guidelines
Exercise
Content systems vs. content guidelines

Exercise
Documentation platforms
Exercise
Governance rules

Exercise
Voice and tone guidelines

Exercise
Creating style guide prompts
Exercise
Writing style guidelines

Exercise
Seeing the layers of consistency
Exercise
When to use a UI kit, style guide, or design system

Exercise
Capitalization guidelines

Exercise
Avoiding the ‘everything looks the same’ trap
Exercise
Building a culture of consistency
Exercise
From style to system
Exercise
Other style guidelines
Exercise
Documenting decisions and enforcing standards
Exercise
Maintaining systems over time
Exercise
Creating blueprint standards
Exercise
The role of documentation
Exercise
Grammar standards
Exercise
Creating text styles in Figma

Exercise
Organizing and editing text styles in Figma

Exercise