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


click to copy
hex code

Site Background

#f0f9ff

click to copy
hex code

Text Default

#000000

click to copy
hex code

Primary

#000000

click to copy
hex code

Secondary

#00499e

click to copy
hex code

Accent

#00ffee

click to copy
hex code

Blue 1

#00499E

click to copy
hex code

Blue 2

#0065C6

click to copy
hex code

Blue 3

#008AFC

click to copy
hex code

Blue 4

#00AEF9

Product Form Options


Mobile Breakpoint