Warning: Undefined variable $page_cta in /var/www/vhosts/dev.fastspot.com/httpdocs/clients/siena/templates/basic/content.php on line 10
WEbsite Visual Styles
The basics are all in here. Get a clear overview of the color system and typography.
Primary Colors
O CLIPBOARD
COPY YELLOW TO CLIPBOARD
Secondary Colors
COPY RED TO CLIPBOARD
COPY NEON_GREEN TO CLIPBOARD
COPY DARK_GREEN TO CLIPBOAR
D
COPY GRAY TO CLIPBOAR
D
COPY BLUE TO CLIPBOARD
Typefaces
Served via https://fonts.google.com/ service.
Oswald
Merriweather
Headings
H1: 60px / 75px ~ Oswald, sans-serif
HEADING LEVEL ONE
H2: 40px / 47px ~ Oswald, sans-serif
HEADING LEVEL TWO
H3: 35px / 45px ~ Oswald, sans-serif
HEADING LEVEL THREE
H4: 25px / 35px ~ Oswald, sans-serif
HEADING LEVEL FOUR
H5: 16px / 22px ~ Oswald, sans-serif
HEADING LEVEL FIVE
H6: 12px / 20px ~ Oswald, sans-serif
HEADING LEVEL SIX
Paragraphs
Body Large: 20px / 35px ~ Oswald, sans-serif
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod.
Body: 16px / 34px ~ Merriweather, serif
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod.
Body Small: 12px / 26px ~ Merriweather, serif
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod.
Lists
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
- List Item
Tables
| COLORS | SHAPES | NUMBERS | PERCENTAGES |
|---|---|---|---|
| Black | Circle | One | 10% of Lorem ipsum dolor sit amet, consectetur. |
| Blue | Square | Two | 33% of Donec ullamcorper nulla non metus auctor. |
| Green | Triangle | Three | 5% of Integer posuere erat a ante venenatis. |
| Red | Rectangle | Four | 90% of Aenean eu leo quam vestibulum. |
| White | Oval | Five | 100% of Cum sociis natoque penatibus et mus. |
Blockquote
NULLAM ID DOLOR ID NIBH ULTRICIES VEHICULA UT ID ELIT. AENEAN LACINIA BIBENDUM NULLA SED CONSECTETUR. CUM SOCIIS NATOQUE PENATIBUS ET MAGNIS DIS PARTURIENT MONTES, NASCETUR RIDICULUS MUS. VESTIBULUM ID LIGULA PORTA FELIS EUISMOD SEMPER.