Creative Web Club

Typography


Text style, weight and decoration

For full control over the weight of the main font, it is recommended to use variable fonts. Such fonts have several signatures corresponding to a given font weight. Examples of variable fonts can be found here.

Normal text | Bold text | Italic text | Italic bold text

Strikethrough text | Underline text | Custom text color

Subscript text | Superscript text

Font sizes

Font size Huge

Font size Big

Font size Large

Font size Larger

Font size Medium

Font size Average

Font size Default

Font size Small

Font size Minimal

Custom (example: 26px)

Text, links and background colors

Primary color palette

Primary

Ultra Light

Light

Lighten

Middle

Darken

Dark

Grayscale color palette

White

Ultra Light Gray

Light Gray

Gray

Dark Gray

Ultra Dark Gray

Black

Standard color palette

Vivid red

Vivid green cyan

Vivid cyan blue

Vivid purple

Paragraph

This paragraph is a simple text block. Almost all text on a page consists of paragraphs. Use formatting tools such as font size, line height, and alignment to customize your text. When creating a page in a block editor:

Press Enter for new paragraph
Press shift+Enter to go to a new line.

Headings

Use a heading hierarchy to separate your content by meaning.

Default style

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6

Subheader style

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6

Lists

Default style

  • Item 1
  • Item 2
    • Item 3
    • Item 4
  • Item 5

Default style

  1. Item 1
  2. Item 2
    • Item 3
    • Item 4
  3. Item 5

Easy style

  • Item 1
  • Item 2
    • Item 3
    • Item 4
  • Item 5

Quotes

Simple quote

Default style

To be, or not to be, that is the question:
Whether ’tis nobler in the mind to suffer
The slings and arrows of outrageous fortune,
Or to take arms against a sea of troubles
And by opposing end them.

William Shakespeare

Large style

They say all lovers swear more performance than they are able, and yet reserve an ability that they never perform.

William Shakespeare

Top sign style

All the world’s a stage,
And all the men and women, merely Players;
They have their Exits and their Entrances,
And one man in his time playes many parts,..

William Shakespeare

Pull quote

Default style

Veni, vidi vici

Gaius Iulius Caesar

Solid color style

Faber est suae quisque fortunae

Appius Claudius Caecus

Verse

She walks in beauty, like the night
       Of cloudless climes and starry skies;
And all that's best of dark and bright
       Meet in her aspect and her eyes: 
Thus mellowed to that tender light
       Which heaven to gaudy day denies.

                                 George Gordon Byron

Code

<code>Write your code here</code>