Style Guide

Serene Women
!

site title

"

site tagline

living harmony in a chaotic world
"

my logo

"

my logo lg

"

my logo alt

"

my logo alt lg

Color Swatches

57102c

black

333333

light black

666666

gray

999999

med gray

a92159

accent orange

ffbe98

Pantone 2024 color of the year
Peach Fuzz

000000

black

ffffff

white

Body Text

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

Link color: Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Hand Written

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

Link color: Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Body Font (Open Sans (12px + 0.39vw))

The best way to keep the font sizes responsive is to use a calculation based on the screen size.

The body (base) font starts at 12 pixels and then adds .39% of the width of the screen.

The heading font multiplies the base by the set amount. Thus, if heading 1 is set to 3.0rem, it will be 3 times the base size.

Heading 1

(Open Sans 3.0rem)

Heading 2

(Open Sans 2.5rem)

Heading 3

(Open Sans 2.0rem)

Heading 4

(Open Sans 1.5rem)

Heading 5 – Sub-Heading/Supporting

(Open Sans 1.5rem)

Heading 6 – Handwritten

(Square Peg 2.0rem)

A Non Button Button