Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design Making Mockups

tariqasghar
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
tariqasghar
UX Design Techdegree Graduate 30,519 Points
Posted by tariqasghar
.a{fill-rule:evenodd;}techdegree seal-36
tariqasghar
UX Design Techdegree Graduate 30,519 Points

Brand guidelines as design system.

Hi,

Does the Brand section in the video, like colors and heading and font, can be considered a design system?

Tariq.

1 Answer

Hope Armstrong
STAFF
Hope Armstrong
Treehouse Teacher
Hope Armstrong
Hope Armstrong
Treehouse Teacher

Great question! Brand guidelines contain logo guidelines, color palette, typography rules, etc. which are also a part of a design system. But brand guidelines are typically more high-level/general than design systems. Design systems get into the details of a UI, such as buttons, grids, icons, forms, and so on. So use a brand guide for general visual design guidance, and use a design system for more specific directions in terms of UI components, navigation patterns, etc. In this project, I just had a simple set of brand guidelines to build off of, then I leaned on Apple's component library and improvised with the rest of the UI.

This visualization by Jan Toman (@HonzaTmn on Twitter) helps to explain it visually.