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
From style to system
Exercise
When to use a UI kit, style guide, or design system
Exercise
Defining your writing style

Exercise
Write component specifications

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

Exercise
Avoiding the ‘everything looks the same’ trap

Exercise
Documentation platforms

Exercise
Seeing the layers of consistency

Exercise
Voice and tone guidelines

Exercise
Creating style guide prompts
Exercise
Creating text styles in Figma
Exercise
Building a culture of consistency
Exercise
The role of documentation

Exercise
Capitalization guidelines
Exercise
Other style guidelines
Exercise
Writing style guidelines
Exercise
Maintaining systems over time

Exercise
Organizing and editing text styles in Figma
Exercise
Documenting decisions and enforcing standards
Exercise
Creating blueprint standards
Exercise
Grammar standards

Exercise