Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
For more text, see the massive text stuff over inlorem ipsum.
Small subheading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor
Colors can be set using a variety of classes. Most objects accept BG {Color Name} (like BG Success or BG Brand Secondary) to set background color. All text objects accepts Text {Color Name} (like Text Brand Primary or Text Gray 3) to set the text color.
On objects with the class Adjustable BG, there are four levels of transparency included as combo classes. For example, in order to set a 10% background color of Brand Primary, you would use the classes Adjustable BG+BG Brand Primary+10. Just make sure to not put anything else inside your Adjustable BG and that the parent elements positions is set to relative.
Gray 1 is the base color for all text.
Playing with opacity for text is a great way to achieve hierarchy in your design. The Minimal Template offers 4 different levels of opacity, ranging from 100% to 20%. Just tack on the classes 20, 50 or 70 on your class (for example Text Brand Secondary or Text Gray 2) to reduce the opacity.
The Minimalist Template comes with everything you need to flawlessly use icons in your project. The icons work just like regular text fields: just copy & paste the icon you want from the FontAwesome cheat sheet into a text field with the class Icons.
You can change the style of your icons by using the Solid, Brand and Large combo-classes.
PS2. The icons respect class changes just as if they were regular text glyphs - you can even change their color and add shadows!
Badges are a great way of drawing attention to something without having to use a heading. The Badge BG works with all colors (like Brand Primary, Gray 3 & Warning) and respects the same transparency rules as text (20, 50, 70)
playing with opacity for text is a great way to achieve hierarchy in your design. The Minimal Template offers 4 different levels of opacity, ranging from 100% to 20%. Just tack on the classes 20, 50 or 70 on your class (for example Text Brand Secondary or Text Gray 2) to reduce the opacity.
Badges are a great way of drawing attention to something without having to use a heading. The Badge BG works with all colors (like Brand Primary, Gray 3 & Warning) and respects the same transparency rules as text (20, 50, 70)
Callouts are just like badges, but allow you to put a bit more information in them. To style them, pick whichever color you want (for example BG Brand Primary or Success) for the Callout Border and text color (for example Text Brand Primary or Text Success) for the Callout Text.
Callouts are just like badges, but allow you to put a bit more information in them. To style them, pick whichever color you want (for example BG Brand Primary or Success) for the Callout Border and text color (for example Text Brand Primary or Text Success) for the Callout Text.
Colors can be set using a variety of classes. Most objects accept BG {Color Name} (like BG Success or BG Brand Secondary) to set background color. All text objects accepts Text {Color Name} (like Text Brand Primary or Text Gray 3) to set the text color.
On objects with the class Adjustable BG, there are four levels of transparency included as combo classes. For example, in order to set a 10% background color of Brand Primary, you would use the classes Adjustable BG+BG Brand Primary+10. Just make sure to not put anything else inside your Adjustable BG and that the parent elements positions is set to relative.
Gray 1 is the base color for all text.
The simple UI Kit for all your Webflow needs.
Read about all the things we do & new updates to Minimal UI.