Luna Style Guide
Use this page to customize your theme and see a live preview of how these elements will look across the site.
Layout
max-width is set to 1440px
screen is currently px wide
Typography
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Subheader / Preheader
H1 Header
H2 Header
H3 Header
H4 Header
H5 Header
H6 Header
Paragraph 1: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Paragraph 2: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Rich Text H3
Rich Text Paragraph 1: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Rich Text Paragraph 2: It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Here is a rich text link.This is how this content would look if you selected it.
Colors
hex code
Site Background
#f0f9ff
hex code
Text Default
#000000
hex code
Primary
#000000
hex code
Secondary
#00499e
hex code
Accent
#00ffee
hex code
Blue 1
#00499E
hex code
Blue 2
#0065C6
hex code
Blue 3
#008AFC
hex code
Blue 4
#00AEF9
Product Form Options
Mobile Breakpoint
Small Breakpoint
Medium Breakpoint
Large Breakpoint
XL Breakpoint
XXL Breakpoint