Style Guide

All of the custom modules designed and built for this site.

Semantic colors

This is a set of semantic colors that are used between modes.

Backgrounds

color-background-body

Used for the body background.

color-background-default

Used for the body background.

color-background-weak

An alternate background color.

color-background-strong

Used for the body background.

Text

color-text-default

Default text color.

color-text-weak

Light text color.

Misc.

color-border-default

Default color for borders.

color-border-weak

Default color for borders.

color-border-strong

Default color for borders.

Typography

Display-1

In the name of the Moon, I'll punish you! I am the Pretty Guardian who fights for love and Justice! I am Sailor Moon!

Display-2

In the name of the Moon, I'll punish you! I am the Pretty Guardian who fights for love and Justice! I am Sailor Moon!

Display-3

In the name of the Moon, I'll punish you! I am the Pretty Guardian who fights for love and Justice! I am Sailor Moon!

h1

In the name of the Moon, I'll punish you! I am the Pretty Guardian who fights for love and Justice! I am Sailor Moon!

h2

In the name of the Moon, I'll punish you! I am the Pretty Guardian who fights for love and Justice! I am Sailor Moon!

h3

In the name of the Moon, I'll punish you! I am the Pretty Guardian who fights for love and Justice! I am Sailor Moon!

h4

In the name of the Moon, I'll punish you! I am the Pretty Guardian who fights for love and Justice! I am Sailor Moon!

h5

In the name of the Moon, I'll punish you! I am the Pretty Guardian who fights for love and Justice! I am Sailor Moon!

h6

In the name of the Moon, I'll punish you! I am the Pretty Guardian who fights for love and Justice! I am Sailor Moon!

Body / Paragraph

C'mon,hello there Mother, with Marty's parents out of town, don't you think he oughta spend the night, after all, Dad almost killed him with the car. What did she say? It's your mom, she's tracked you down. Quick, let's cover the time machine. Yeah, yeah what are you wearing, Dave. Who are you calling spook, pecker-wood.

Small

C'mon, he's not that bad. At least he's letting you borrow the car tomorrow night. Mother, with Marty's parents out of town, don't you think he oughta spend the night, after all, Dad almost killed him with the car. What did she say? It's your mom, she's tracked you down. Quick, let's cover the time machine. Yeah, yeah what are you wearing, Dave. Who are you calling spook, pecker-wood.

Code

Inline Code

Code block

Unordered List

C'mon, he's not that bad. At least he's letting you borrow the car tomorrow night. Mother, with Marty's parents out of town, don't you think he oughta spend the night, after all, Dad almost killed him with the car. What did she say? It's your mom, she's tracked you down. Quick, let's cover the time machine. Yeah, yeah what are you wearing, Dave. Who are you calling spook, pecker-wood.
C'mon, he's not that bad. At least he's letting you borrow the car tomorrow night. Mother, with Marty's parents out of town, don't you think he oughta spend the night, after all, Dad almost killed him with the car. What did she say? It's your mom, she's tracked you down. Quick, let's cover the time machine. Yeah, yeah what are you wearing, Dave. Who are you calling spook, pecker-wood.
C'mon, he's not that bad. At least he's letting you borrow the car tomorrow night. Mother, with Marty's parents out of town, don't you think he oughta spend the night, after all, Dad almost killed him with the car. What did she say? It's your mom, she's tracked you down. Quick, let's cover the time machine. Yeah, yeah what are you wearing, Dave. Who are you calling spook, pecker-wood.

Ordered List

C'mon, he's not that bad. At least he's letting you borrow the car tomorrow night. Mother, with Marty's parents out of town, don't you think he oughta spend the night, after all, Dad almost killed him with the car. What did she say? It's your mom, she's tracked you down. Quick, let's cover the time machine. Yeah, yeah what are you wearing, Dave. Who are you calling spook, pecker-wood.
C'mon, he's not that bad. At least he's letting you borrow the car tomorrow night. Mother, with Marty's parents out of town, don't you think he oughta spend the night, after all, Dad almost killed him with the car. What did she say? It's your mom, she's tracked you down. Quick, let's cover the time machine. Yeah, yeah what are you wearing, Dave. Who are you calling spook, pecker-wood.
C'mon, he's not that bad. At least he's letting you borrow the car tomorrow night. Mother, with Marty's parents out of town, don't you think he oughta spend the night, after all, Dad almost killed him with the car. What did she say? It's your mom, she's tracked you down. Quick, let's cover the time machine. Yeah, yeah what are you wearing, Dave. Who are you calling spook, pecker-wood.

Elements

Links

Standard link

Buttons

Standard Button

Button with Left Icon

Button with Right Icon

Blockquote

C'mon, he's not that bad. At least he's letting you borrow the car tomorrow night. Mother, with Marty's parents out of town, don't you think he oughta spend the night, after all, Dad almost killed him with the car. What did she say? It's your mom, she's tracked you down. Quick, let's cover the time machine. Yeah, yeah what are you wearing, Dave. Who are you calling spook, pecker-wood.