Hi guys, Welcome to the Advanced Video Search Engine, and you are watching [03] Building the Design System. That video is uploaded by Elementor at 2021-08-04T07:20:10-07:00. We are promoting this video only for entertainment and educational purpose only. So, I hope you like & enjoy it. [i7d9Pn1yZFs]
| Name | [03] Building the Design System |
| Video Uploader | Video From Elementor |
| Upload Date | This Video Uploaded At 04-08-2021 14:20:10 |
| Video Discription | Watch the full Getting Started with Elementor course here: https://elemn.to/gettingstarted In this lesson we will build our design system for our website, to simplify the building process and guide us in styling our website's elements. This lesson will cover: ✔︎ Configuring Site Settings ✔︎ Setting up Global Colors ✔︎ Setting up Global Global Fonts ✔︎ And much more! Global Colors and Fonts used in this lesson: COLORS: Primary Color (rename: Grape) - 6759AA Secondary Color (rename: Almond) - ffffff Text Color (rename: Basil) - 3BBA97 Accent Color (rename: Raspberry) - EC465F FONTS: Primary Typography Montserrat Size: 65px Weight: 800 Uppercase Letter Spacing: -1 Secondary Typography Montserrat Size: 30px Weight: 200 Transform: Uppercase Line Height: 1 Letter Spacing: -1 Text Typography (rename - Body Text) Montserrat Size: 16px Weight: 400 Accent Typography (rename: Button Text) Montserrat Size: 20px Weight: 300 Transform: Uppercase Letter Spacing: 0.8 + Add Style New Item #1 Typography (rename: Nav Menu) Montserrat Size: 16px Weight: 400 Transform: Uppercase + Add Style New Item #2 Typography (rename: Menu Titles) Montserrat Size: 25px Weight: 800 Transform: Uppercase Line Height: 1.2 Don’t forget to subscribe to our channel! Get Elementor: https://elementor.com Get Elementor Pro: https://elementor.com/pro See also: Everything you need to know about a Design System: https://elementor.com/blog/design-system How To Create a Complete Web Design Style Guide (Plus Template) https://elementor.com/blog/web-design-style-guide Chapters: 00:00 - Intro 00:18 - Design System overview 3:04 - Set up Global Colors 3:55 - Set up Global Global Fonts i7d9Pn1yZFs |
| Category | Education |
| Tags | elementor | wordpress | course | design system |
