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

Icons

Aperture

ArrowBendRightDown

ArrowLeft

ArrowRight

ArrowTopRight

ArrowUpRight

Bag

BeerBottle

Briefcase

Calendar

Camera

Cat

Code

Coffee

Dots

Earth

Envelope

Evergreen

Figma

Files

Flag

Folder

Font

GameController

Group

Handwave

Home

Image

Lead

Leaf

Map

Merge

Paintbrush

Person

Pizza

Presentation

Process

Property 1=ArrowLeft

Prototype

Rocket

Smiley

Star

TOC

Table

Wrench

arcxp

logo

paste

smartsheet

wapo

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.