Typography and design, css and examples

 NEWS ABOUT US

 TRAINING

Sharpen your digital building skills and build smarter

Training

SUPPORT

Access our customer portal to find training, support, and valuable resources

Support

CTA Button

This code block uses global CSS, a CTA button SVG definition in the Footer injection. Benefit: Simpler code injection

Older version, stand alone

The CTA arrow with a HTML code block, no external CSS. The button has two color options, and can be right or left aligned

Right aligned, no text

Extra Large Heading

Large Heading

Medium Heading

Large Paragraph

Medium Paragraph

Small Paragraph

Monospace

IMAGE: Inline picture with caption

 

Lightest 1

Extra Large Heading link

Large Heading link

Medium Heading link

Large Paragraph link

Medium Paragraph link

Small Paragraph link

Monospace link

 

Lightest 2

Extra Large Heading link

Large Heading link

Medium Heading link

Large Paragraph link

Medium Paragraph link

Small Paragraph link

Monospace link

 

Light 1

Extra Large Heading link

Large Heading link

Medium Heading link

Large Paragraph link

Medium Paragraph link

Small Paragraph link

Monospace link

 

Light 2

Extra Large Heading link

Large Heading link

Medium Heading link

Large Paragraph link

Medium Paragraph link

Small Paragraph link

Monospace link

 

Bright 1

Extra Large Heading link

Large Heading link

Medium Heading link

Large Paragraph link

Medium Paragraph link

Small Paragraph link

Monospace link

 

Bright 2

Extra Large Heading link

Large Heading link

Medium Heading link

Large Paragraph link

Medium Paragraph link

Small Paragraph link

Monospace link

 

Dark 1

Extra Large Heading link

Large Heading link

Medium Heading link

Large Paragraph link

Medium Paragraph link

Small Paragraph link

Monospace link

 

Dark 2

Extra Large Heading link

Large Heading link

Medium Heading link

Large Paragraph link

Medium Paragraph link

Small Paragraph link

Monospace link

 

Darkest 1

Extra Large Heading link

Large Heading link

Medium Heading link

Large Paragraph link

Medium Paragraph link

Small Paragraph link

Monospace link

 

Darkest 2

Extra Large Heading link

Large Heading link

Medium Heading link

Large Paragraph link

Medium Paragraph link

Small Paragraph link

Monospace link