Text Styles
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.
Nulla quis lorem ut libero malesuada feugiat.
Nulla quis lorem ut libero malesuada feugiat.
Nulla quis lorem ut libero malesuada feugiat. Cras ultricies ligula sed magna dictum porta.
Nulla quis lorem ut libero malesuada feugiat. Cras ultricies ligula sed magna dictum porta.
Nulla quis lorem ut libero malesuada feugiat. Cras ultricies ligula sed magna dictum porta.
Nulla quis lorem ut libero malesuada feugiat. Cras ultricies ligula sed magna dictum porta.
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.
Part of this sentence is the primary colour.
- Vestibulum ac diam sit amet quam vehicula elementum eget malesuada sed sit amet dui.
- Donec rutrum congue leo eget malesuada.
- Quisque velit nisi, pretium ut lacinia in, elementum id enim.
- Vestibulum ac diam sit amet quam vehicula elementum eget malesuada sed sit amet dui.
- Donec rutrum congue leo eget malesuada.
- Quisque velit nisi, pretium ut lacinia in, elementum id enim.
"Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus."
This is some centered text
The BF Text Center class can be applied to a parent element or any text element.
It's been set to align left on Mobile Landscape (and Mobile Portrait by inheritance).
Rich Text Styles
Rich Text elements allow you to style their content independently from the rest of the website using a nested selector. For more information, visit Webflow University.
This is a Rich Text Element
Quisque velit nisi, pretium ut lacinia in, elementum id enim. Donec sollicitudin molestie malesuada.
Nulla quis lorem ut libero malesuada feugiat.
Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus.
Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a.
Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Donec rutrum congue leo eget malesuada.
Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
Donec sollicitudin molestie malesuada. Nulla porttitor accumsan tincidunt.
Proin eget tortor risus.
Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla quis lorem ut libero malesuada feugiat.
- Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus.
- Nulla porttitor accumsan tincidunt.
- Quisque velit nisi, pretium ut lacinia in, elementum id enim.
- Proin eget tortor risus.
- Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus.
- Nulla porttitor accumsan tincidunt.
Button Styles
Edit button styles to make changes across the site.
Color Variables
Learn how to manage and edit variables at Webflow University.
Primary
Secondary
Shades
Form Styles
Learn how to manage and edit variables at Webflow University.
Layout Styles
Rich Text elements allow you to style their content independently from the rest of the website using a nested selector. For more information, visit Webflow University.
How to use Columns
To use the columns layout, you'll need a div element with the class BF 12 Columns. For each column, you'll need a child element with the class BF Column along with the size of that column, for example 7 Column.
This is some centered content
The BF Center Content class is similar to BF Text Center, however, instead of only aligning text to the center, it center aligns all content both horizontally and vertically.
Just like the BF Text Center class, it also aligns left on Mobile Landscape.
Some vertically centered text
Spacing Styles
Spacers are useful for adding extra white space to your layout, without creating custom classes for different elements.
Border Styles
Spacers are useful for adding extra white space to your layout, without creating custom classes for different elements.
Responsive Styles
Spacers are useful for adding extra white space to your layout, without creating custom classes for different elements.
Thank you!
Designed & Built by Ben Elwood @ BeFlow Studio © 2024, All Rights Reserved