Color pallete
The Wholesome Lioness - custom color pallete
100
200
300
400
500
600
700
800
900
100
200
300
400
500
600
700
800
900
100
200
300
400
500
600
700
800
900
100
200
300
400
500
600
700
800
900
100
200
300
400
500
600
700
800
900
100
200
300
400
500
600
700
800
900
100
200
300
400
500
600
700
800
900
Typograpfy
The Wholesome Lioness typography brand
Headings
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraphs
This is a paragraph. The quick brown fox jumps over the lazy dog.
Text size
text-xs
text-sm
text-base
text-lg
text-xl
text-2xl
text-3xl
text-4xl
text-5xl
text-6xl
text-7xl
text-8xl
text-9xl
Blockquote
"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, aliquid. Molestias, odio illum voluptatibus natus dignissimos, quidem
est unde aspernatur veniam pariatur fuga distinctio esse in quas, repellendus neque reiciendis!"
Unordered list
- Id maxime optio soluta placeat ea eaque similique consectetur dicta tempore.
- Repellat veritatis et harum ad sint reprehenderit tenetur, possimus tempora.
- Lorem ipsum dolor sit amet consectetur adipisicing elit harum ad sint.
Ordered list
- Id maxime optio soluta placeat ea eaque similique consectetur dicta tempore.
- Repellat veritatis et harum ad sint reprehenderit tenetur, possimus tempora.
- Lorem ipsum dolor sit amet consectetur adipisicing elit harum ad sint.
Preformatted
Pre-formated. The quick brown fox jumps over the lazy dog.
Code
Insert the .example code class here.
SEO - Search Engine Optimization
The Wholesome Lioness - html semantics for seo improvement
Description
- Item A
- Id maxime optio soluta placeat ea eaque similique consectetur dicta tempore.
- Item B
- Repellat veritatis et harum ad sint reprehenderit tenetur, possimus tempora.
- Item C
- Lorem ipsum dolor sit amet consectetur adipisicing elit harum ad sint.
Semantic typography
The Wholesome Lioness - custom presets boilerplate design
Custom presets
| Class | Preview |
|---|
preset-typo-display-4 | Aa |
preset-typo-display-3 | Aa |
preset-typo-display-2 | Aa |
preset-typo-display-1 | Aa |
preset-typo-headline | Headline |
preset-typo-title | Title |
preset-typo-subtitle | Subtitle |
preset-typo-body-1 | Body 1 |
preset-typo-body-2 | Body 2 |
preset-typo-caption | Caption |
preset-typo-menu | |
preset-typo-button | Button |