ProcessONE
Typography
03

Typography

Overview

we're your strategic ally in business process optimization. With a focus on innovation and excellence, we empower businesses across industries to thrive in the digital age.

Primary

UsageHeadingBody TextDescription

Font Bold

Glyph

Font style 12

Aa123

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()?+

Scale CategoryTypefaceWeightSizeCase
Caption—Medium12Sentence
Header 1—Semibold96Sentence
Header 2—Medium60Sentence
Header 3—Regular48Sentence
Body copy—Regular16Sentence
Small text—Regular12Sentence
CTA—Regular16Sentence

Body style · Brand font · 16px / 500

Line length

Keep paragraphs comfortable to scan. Adjust the width for the typeface, text size, and screen; this is a preferred measure, not a fixed character count.

Preferred width · 65ch · narrows to fit the screen

Good typography makes every message easier to understand. Give words room to breathe, keep each line comfortable to follow, and let the reader move naturally from one thought to the next. A clear rhythm helps people focus on what matters.

Preferred measure: 65ch · fits available width

Line height

Give each line enough space to follow the next. Set heading and body spacing independently, and check longer passages at smaller screen sizes.

1.8× line height · 28.8px

Good typography makes every message easier to understand. Give words room to breathe, keep each line comfortable to follow, and let the reader move naturally from one thought to the next. A clear rhythm helps people focus on what matters.

Alignment

Use start alignment for paragraphs. Center alignment can emphasize a short statement; choose exceptions deliberately and check how the text wraps.

Preferred alignment · Left (start)

Good typography makes every message easier to understand. Give words room to breathe, keep each line comfortable to follow, and let the reader move naturally from one thought to the next. A clear rhythm helps people focus on what matters.