....
Use the separate class for each size to overwrite visual style while maintaining the proper semantic order.
paragraph_l looks like this. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
paragraph looks like this. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
paragraph_s looks like this. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
rich_text is used as the body copy for Webflow University articles/lessons
Not static mockups or simulated prototypes. Create the content structure you need in Webflow CMS, then design layout and dynamic references visually — with real data. Whatever you’re building, Webflow CMS has the flexibility you need. Set up hosting to get your site on the web in seconds, with a global hosting infrastructure that can scale with any traffic volume and serve a global audience at top speed.
Create the content structure you need in Webflow CMS, then design layout and dynamic references visually — with real data. Whatever you’re building, Webflow CMS has the flexibility you need. Set up hosting to get your site on the web in seconds, with a global hosting infrastructure that can scale with any traffic volume and serve a global audience at top speed.
Deliver working code, not static mockups or simulated prototypes. Show your developers exactly how your interactions and animations should feel with prototypes that actually work — and don’t just look pretty.
Create the content structure you need in Webflow CMS, then design layout and dynamic references visually — with real data. Whatever you’re building, Webflow CMS has the flexibility you need. Set up hosting to get your site on the web in seconds, with a global hosting infrastructure that can scale with any traffic volume and serve a global audience at top speed.
Create the content structure you need in Webflow CMS, then design layout and dynamic references visually — with real data. Whatever you’re building, Webflow CMS has the flexibility you need. Set up hosting to get your site on the web in seconds, with a global hosting infrastructure that can scale with any traffic volume and serve a global audience at top speed.
Use Blockquotes for a CAUTION or BE CAREFUL type messages.
Not static mockups or simulated prototypes. Create the content structure you need in Webflow CMS, then design layout and dynamic references visually — with real data. Whatever you’re building, Webflow CMS has the flexibility you need. Set up hosting to get your site on the web in seconds, with a global hosting infrastructure that can scale with any traffic volume and serve a global audience at top speed.
Create the content structure you need in Webflow CMS, then design layout and dynamic references visually — with real data. Whatever you’re building, Webflow CMS has the flexibility you need. Set up hosting to get your site on the web in seconds, with a global hosting infrastructure that can scale with any traffic volume and serve a global audience at top speed.
Deliver working code, not static mockups or simulated prototypes. Show your developers exactly how your interactions and animations should feel with prototypes that actually work — and don’t just look pretty.
Create the content structure you need in Webflow CMS, then design layout and dynamic references visually — with real data. Whatever you’re building, Webflow CMS has the flexibility you need. Set up hosting to get your site on the web in seconds, with a global hosting infrastructure that can scale with any traffic volume and serve a global audience at top speed.
Create the content structure you need in Webflow CMS, then design layout and dynamic references visually — with real data. Whatever you’re building, Webflow CMS has the flexibility you need. Set up hosting to get your site on the web in seconds, with a global hosting infrastructure that can scale with any traffic volume and serve a global audience at top speed.
Use Blockquotes for a CAUTION or BE CAREFUL type messages.
Not static mockups or simulated prototypes. Create the content structure you need in Webflow CMS, then design layout and dynamic references visually — with real data. Whatever you’re building, Webflow CMS has the flexibility you need. Set up hosting to get your site on the web in seconds, with a global hosting infrastructure that can scale with any traffic volume and serve a global audience at top speed.
Create the content structure you need in Webflow CMS, then design layout and dynamic references visually — with real data. Whatever you’re building, Webflow CMS has the flexibility you need. Set up hosting to get your site on the web in seconds, with a global hosting infrastructure that can scale with any traffic volume and serve a global audience at top speed.
Deliver working code, not static mockups or simulated prototypes. Show your developers exactly how your interactions and animations should feel with prototypes that actually work — and don’t just look pretty.
Create the content structure you need in Webflow CMS, then design layout and dynamic references visually — with real data. Whatever you’re building, Webflow CMS has the flexibility you need. Set up hosting to get your site on the web in seconds, with a global hosting infrastructure that can scale with any traffic volume and serve a global audience at top speed.
Create the content structure you need in Webflow CMS, then design layout and dynamic references visually — with real data. Whatever you’re building, Webflow CMS has the flexibility you need. Set up hosting to get your site on the web in seconds, with a global hosting infrastructure that can scale with any traffic volume and serve a global audience at top speed.
Use Blockquotes for a CAUTION or BE CAREFUL type messages.
Not static mockups or simulated prototypes. Create the content structure you need in Webflow CMS, then design layout and dynamic references visually — with real data. Whatever you’re building, Webflow CMS has the flexibility you need. Set up hosting to get your site on the web in seconds, with a global hosting infrastructure that can scale with any traffic volume and serve a global audience at top speed.
Create the content structure you need in Webflow CMS, then design layout and dynamic references visually — with real data. Whatever you’re building, Webflow CMS has the flexibility you need. Set up hosting to get your site on the web in seconds, with a global hosting infrastructure that can scale with any traffic volume and serve a global audience at top speed.
Deliver working code, not static mockups or simulated prototypes. Show your developers exactly how your interactions and animations should feel with prototypes that actually work — and don’t just look pretty.
Create the content structure you need in Webflow CMS, then design layout and dynamic references visually — with real data. Whatever you’re building, Webflow CMS has the flexibility you need. Set up hosting to get your site on the web in seconds, with a global hosting infrastructure that can scale with any traffic volume and serve a global audience at top speed.
Create the content structure you need in Webflow CMS, then design layout and dynamic references visually — with real data. Whatever you’re building, Webflow CMS has the flexibility you need. Set up hosting to get your site on the web in seconds, with a global hosting infrastructure that can scale with any traffic volume and serve a global audience at top speed.
Use Blockquotes for a CAUTION or BE CAREFUL type messages.
Not static mockups or simulated prototypes. Create the content structure you need in Webflow CMS, then design layout and dynamic references visually — with real data. Whatever you’re building, Webflow CMS has the flexibility you need. Set up hosting to get your site on the web in seconds, with a global hosting infrastructure that can scale with any traffic volume and serve a global audience at top speed.
Create the content structure you need in Webflow CMS, then design layout and dynamic references visually — with real data. Whatever you’re building, Webflow CMS has the flexibility you need. Set up hosting to get your site on the web in seconds, with a global hosting infrastructure that can scale with any traffic volume and serve a global audience at top speed.
Deliver working code, not static mockups or simulated prototypes. Show your developers exactly how your interactions and animations should feel with prototypes that actually work — and don’t just look pretty.
Create the content structure you need in Webflow CMS, then design layout and dynamic references visually — with real data. Whatever you’re building, Webflow CMS has the flexibility you need. Set up hosting to get your site on the web in seconds, with a global hosting infrastructure that can scale with any traffic volume and serve a global audience at top speed.
Create the content structure you need in Webflow CMS, then design layout and dynamic references visually — with real data. Whatever you’re building, Webflow CMS has the flexibility you need. Set up hosting to get your site on the web in seconds, with a global hosting infrastructure that can scale with any traffic volume and serve a global audience at top speed.
Use Blockquotes for a CAUTION or BE CAREFUL type messages.
rich_video is used as displaying a video lesson for Webflow University articles/lessons
rich_light is used as the body copy for Webflow University course page.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
A collection of core brand colors often used in this project.
Buttons have two sizes, small and large. We use the arrow to the right when it's linked to a related page, and arrow going top-right for links that go to other sections or open in a new tab.
Review and update the custom attributes used across all elements in the table that make it accessible for screen readers and equivalent to a traditional <table> element. For example, on the table-grid, element you must set the specific count of rows and columns, as well as give the table a name.
Review and update the custom attributes used across all elements in the table that make it accessible for screen readers and equivalent to a traditional <table> element. For example, on the </table>table-grid, element you must set the specific count of rows and columns, as well as give the table a name.
For styling
For styling
Dropdown component for the Sidenav (do not remove classes and custom code)