Manage the look and feel of the entire website from our style guide. Style and components used on the site are documented here, and any changes made will be immediately visible across all pages.
The primary colors and shades of gray on the website are managed through the Webflow's Variable feature.
Primary 1
Primary 2
Primary 3
Primary 3
Secondary 1
Secondary 2
Secondary 3
Secondary 4
Black
Gray 1
Gray 2
Gray 3
Gray 4
White
A variety of button styles are available throughout the website.
Base Button
Base Button Icon
Styles for HTML heading tags (H1-H6).
Heading classes are created to match the design style and apply them to different heading tags. This ensures that the style of heading tags that look good in design matches the recommended heading tags for SEO. For example, for page heading you use H1 tag but you want styling(Font size etc.) of H2. By using a "Heading H2" class in H1 tag will give the style of an H2 heading while still keeping the H1 tag for SEO purposes. This way, both visually appealing design and good SEO practices can be achieved.
Different sizes of paragraphs and text styling are available.
Our streamlined approach helps you move forward faster with expert guidance, thoughtful planning, and a seamless experience at every stage. From the first step to the final outcome, each stage is carefully structured to ensure clarity, efficiency.
Our streamlined approach helps you move forward faster with expert guidance, thoughtful planning, and a seamless experience at every stage. From the first step to the final outcome, each stage is carefully structured to ensure clarity, efficiency.
Our streamlined approach helps you move forward faster with expert guidance, thoughtful planning, and a seamless experience at every stage. From the first step to the final outcome, each stage is carefully structured to ensure clarity, efficiency.
Styling for common inline elements.
Suspendisse varius enim in highlight eros elementum tristique.
Suspendisse varius enim in highlight eros elementum tristique.
Suspendisse varius enim in highlight eros elementum tristique.
Suspendisse varius enim in highlight eros elementum tristique.
Suspendisse varius enim in highlight eros elementum tristique.
Text alignment styles are available to realign text to components.
Text Left: We simplify every step with a clear process designed to save time
Text Center: We simplify every step with a clear process designed to save time
Text Right: We simplify every step with a clear process designed to save time
Styling for blockquotes.
Our streamlined approach helps you move forward faster with expert guidance, thoughtful planning, and a seamless experience at every stage. From the first step to the final outcome, each stage is carefully structured to ensure clarity, efficiency, and a smooth user experience.
Styling for ordered lists, unordered lists, and unstyled lists.
The Rich Text Element (RTE) is used to create long-form content. For advanced styling, you can Learn more here
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.
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 general style for Form elements.
Different types of container widths.
To give sections more room to breathe and maintain all sections' spacing equally. In responsive, the spacing will be decreased.
Helper margin classes are available to add a margin between elements and keep spacing values consistent and unified throughout the site.
