From the course: Hands-On with Design Systems
Join today to access over 23,200 courses taught by industry experts.
Foundational elements
From the course: Hands-On with Design Systems
Foundational elements
- [Host] The anatomy of a design system starts with design system foundations. What makes up design system foundations? Design system foundational elements are the visual elements used to create engaging guidance and principle driven applications. So here are some examples, we have color, which distinguishes the brand and creates a cohesive experience. We have grids. They're used for positioning elements on the screen. So whether you're working on a desktop or a mobile app or maybe some other type of touch interface, we use grids. We have iconography, which is the visual representation for commands, devices, and common actions. We have illustrations which should reflect complex ideas that users can emotionally relate to. We have logos which are clear, recognizable impactful brand marks. We have typography, which is a system of fonts used to convey hierarchy, style, and function. We have spacing which is used to…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.