Microsoft products

Dynamics 365 for Operations

Transform and accelerate business. Dynamics 365 for Finance and Operations is a complete business management solution for large organisations.

🡳 Discover more
Microsoft products

Dynamics 365 for Operations

Transform and accelerate business. Dynamics 365 for Finance and Operations is a complete business management solution for large organisations.

🡳 Discover more
Paragraph (W)

This is commonly used in the expressive type theme layouts for long paragraphs with more than four lines. The looser line height and larger size makes for comfortable, long-form reading, in mediums that allow for more space. This size type is rarely used for body copy in components. Always left-align type; never center it.

par long s

This is commonly used in both the expressive and the productive type theme layouts for long paragraphs with more than four lines. It is a good size for comfortable, long-form reading. Use this for longer body copy in components such as accordion or structured list. Always left-align this type; never center it.

par long

This is commonly used in the expressive type theme layouts for long paragraphs with more than four lines. The looser line height and larger size makes for comfortable, long-form reading, in mediums that allow for more space. This size type is rarely used for body copy in components. Always left-align type; never center it.

par expres

This is commonly used in the expressive type theme layouts for long paragraphs with more than four lines. The looser line height and larger size makes for comfortable, long-form reading, in mediums that allow for more space. This size type is rarely used for body copy in components. Always left-align type; never center it.

par
bolded
par expres strong

This is commonly used in the expressive type theme layouts for long paragraphs with more than four lines. The looser line height and larger size makes for comfortable, long-form reading, in mediums that allow for more space. This size type is rarely used for body copy in components. Always left-align type; never center it.

This is commonly used in the expressive type theme layouts for long paragraphs with more than four lines. The looser line height and larger size makes for comfortable, long-form reading, in mediums that allow for more space. This size type is rarely used for body copy in components. Always left-align type; never center it.

This is commonly used in the expressive type theme layouts for long paragraphs with more than four lines. The looser line height and larger size makes for comfortable, long-form reading, in mediums that allow for more space. This size type is rarely used for body copy in components. Always left-align type; never center it.

par short

This is for short paragraphs with no more than four lines and is commonly used in the expressive type theme for layouts.

par short s

This is for short paragraphs with no more than four lines and is commonly used in components.

lbl
lbl
lbl s
capt
This is for captions or legal content in a layout — not for body copy.
par m

This is commonly used in the expressive type theme layouts for long paragraphs with more than four lines. The looser line height and larger size makes for comfortable, long-form reading, in mediums that allow for more space. This size type is rarely used for body copy in components. Always left-align type; never center it.

list

Source:
Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.
Open source in new tab 🡭
“Quote l.”

H1 heading

H2 heading

H3 heading

H4 heading

H5 heading
H6 heading
"Quote."
“Quote.”
Headings (W)
h
tag
Heading xs
Heading s
Heading
Heading m
Heading l (sections)
Heading xl
default
blue
yellow
white
light
quote l
quote
dspy
dspy serif
Display
Display
Display
Display
dspy l
dspy l sherif
Block Quote (W)
btn
btn 2nd
ButtonButton with icon
ButtonButton with icon
btn 3rd
ButtonButton with icon
btn ghost
btn s
btn danger
ButtonButton with icon
ButtonButton with icon
btn 2nd s
btn 3rd s
btn ghost s
btn danger
ButtonButton with icon
ButtonButton with icon
ButtonButton with icon
Text Link (W)
Text Link
spacer
8px (0.5rem)
16px (1rem)
24px (1.5rem)
32px (2rem)
48px (3rem)
64px (4rem)
80px (5rem)
96px (6rem)
160px (10rem)
dividers
full-bleed
divider
divider with subheader
ButtonButton with icon
ButtonButton with icon
Max file size 10MB.
Uploading...
fileuploaded.jpg
Upload failed. Max size for files is 10 MB.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Get our top stories straight to your inbox

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Max file size 10MB.
Uploading...
fileuploaded.jpg
Upload failed. Max size for files is 10 MB.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Get our top stories straight to your inbox

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
🡱