Typography

Lorem ipsum dolor sit amet

Hero title

Lorem ipsum dolor sit amet

H1

Lorem ipsum dolor sit amet

H1-title

Lorem ipsum dolor sit amet

H2

Lorem ipsum dolor sit amet

H2-reading

Lorem ipsum dolor sit amet

H3

Lorem ipsum dolor sit amet

H4
Lorem ipsum dolor sit amet jnaksjdn askldnf askajsdlk aslkaksfe
H5
Lorem ipsum dolor sit amet
H6
Lorem ipsum dolor sit amet
caption-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.

intro-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.

Paragraph

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.

italic 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.
text block
Lorem ipsum
text link
"Lorem ipsum dolor sit amet."
block quote
  1. Lorem ipsum
  2. Dolor sit
  3. Amet consectetur
  4. Adipiscing elit
ordered list & list items
  • Lorem ipsum
  • Dolor sit
  • Amet consectetur
  • Adipiscing elit
unordered list & list items

Typography | bp-rich-text

What’s a Rich Text element?

  1. Begin helping her learn self-soothing techniques using toys during her naps in the daytime.
  2. Put two or three new toys in the cribs. Rattles, mobiles, blankets, or stuffed toys to name a few. You want your baby to feel comfortable in their crib. Noise making toys can serve as an auditory cue for sleep. Blankets that smell like mama or papa can be a sensory cue for calm.

Static and dynamic content editing content editing

  • When your baby cries that first night, take a chair and sit next to her crib. Don’t touch her (this is hard) and just sit. You can sing softly, but it is best if you are quiet.

How to customize formatting for each rich text 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.

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!

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.

Rich Text - reading

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!

Rich Text - reading - intro

buttons

Free instant access
button
free instant access
button - dark hover
free instant access
button - blue
buy now
button - dead
free instant access
button - rounded
free instant access
button - arrow
free instant access
button - shadow
free instant access
Button - full width
sign me up!
Button - full width - secure
sign me up!
Button - large
free instant access
Button - large - rounded
5 courses - only $11
75% off my regular price!
Button (link) - large - shadow - dark hover
Button - outline
Button - outline - rounded - shadow

Color

Text colors
font color - dark
#333333
font color - grey
#CCCCCC
font color - Light grey
#f8f8fa
font color - white
#ffffff
Main colors
BRAND COLOR - Teal
#00889b
BRAND COLOR - Aquamarine
#03ffc6
BRAND COLOR - light blue
#03ffc6
BRAND COLOR - Dark teal
#41535f
BRAND COLOR - Blue
#2dd5dc
BRAND COLOR - orange
#2dd5dc
Neutral colors
LIGHT GREY
#F8f8fa
DARK GREY
#5b5b5b
GREY
#cccccc
DARK
#333333

Logo

MAIN LOGO color
DOWNLOAD
MAIN LOGO color
DOWNLOAD
avatar LOGO color
DOWNLOAD
MAIN LOGO WHITE
DOWNLOAD
MAIN LOGO WHITE
DOWNLOAD
avatar LOGO WHITE
DOWNLOAD

Components

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

learn more

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Shop Now