Style Guide

Colors

Primary - #222

Secondary - #fff

TERTIARY - #F2C94C

Headings

The quick brown fox jumps over the lazy dog

H1

The quick brown fox jumps over the lazy dog

H2

The quick brown fox jumps over the lazy dog

H3

The quick brown fox jumps over the lazy dog

H4
The quick brown fox jumps over the lazy dog
H5

Paragraphs

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.

PARAGRAPH TEXT

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.

PARAGRAPH CUSTOM

Others

Here is a caption to add on an element.

CAPTION

Here is a label to add to your forms as needed.

LABEL

Small text that you'll have on the page maybe for a small description.

SMALL

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.

VERY SMALL

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.

What’s a Rich Text element?

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.

Static and dynamic content editing

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!

  • 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.
  • s
  • d

How to customize formatting for each rich text

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.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Forms and Inputs

LEAF + BEAN

Automobile Alley

Coffee

Regular Hours

Gift Cards
Online
In-Person
Not Available
Order Options
Takeout
In-House Delivery
Curbside
Apps
Postmates
UberEats
Seamless
GrubHub
DoorDash

V1 Users — Read below:

Hey folks — I know the V2 has some changes that you might want to migrate into your project, and we want to make sure you can do that as easily as possible.

I'll be recording a video for you on how you can migrate this new card into your project. In the meantime, please DUPLICATE VERSION 2 into your Webflow Dashboard. I only ask this because you'll need to copy some elements below into your projects, and you can't do that from a read-only link — Webflow prohibits that. So, once you copy the elements you need from the V2 and paste it into your V1, you can delete the project from your dashboard!

Edit: the video can be found here! 99% of this card can be integrated into your new project.

COPY THIS ELEMENT'S PARENT (New Elements) into your current project's style guide page

Category

Regular hours

Business Name

City

Gift Cards
Online
In-Person
Order Options
Takeout
In-House Delivery
Curbside
Apps
Postmates
UberEats
Seamless
GrubHub
DoorDash

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.