DERTOUR GroupDesign
Documentation
Guide contents
Content type / Building blocks

Typography

Global_Element_Typography_001

What this is used for

A reusable styled text element. Choose the semantic HTML tag (for SEO / accessibility), the visual style, colour and alignment — all from the brand theme. Use it for standalone headings or paragraphs where you want full control.

How you use it

Small reusable pieces — a button, an icon and label, a phone number — that other entries point at. Change one and every place using it changes too, so check where it is used before editing.

7

Fields you can fill in

1

Fields kept in step automatically

0

Used by

content types

Fields you can fill in

FieldWhat goes in itNotes

Internal name

internalName
required
Short text

Text content

text
required
Long text

HTML tag (semantic)

component
Short text
Choose one of:
h1
h2
h3
h4
h5
h6
p
span
div

Visual style

variant
Short text
Choose one of:
h1
h2
h3
h4
h5
h6
subtitle1
subtitle2
body1
body2
caption
overline

Colour (theme)

color
Short text
Choose one of:
inherit
primary
secondary
textPrimary
textSecondary
error

Alignment

align
Short text
Choose one of:
inherit
left
center
right
justify

Add space below

gutterBottom
Yes / no

Fields kept in step automatically

These appear greyed out, or not at all. They are filled in from another system, so anything typed here would be overwritten.

FieldWhat goes in itNotes

Component key (sitemap catalogue ID)

componentKey
required
Short text