DIGITAL AGENCY / MANUAL
Typography
Arial · Display / 500
Digitál,
který žije
Lead · 21–29px / 1.35
Tvoříme weby, značky
a digitální zážitky.
Body · 15px / 1.7
Spojujeme kreativní myšlení s technologiemi. A měníme vaše nápady v digitální řešení, která dávají smysl.
DESIGN × TECHNOLOGIE × KOMUNIKACE
Guidelines & specifications
The website uses installed fonts, with no downloaded font files or @font-face definitions:
font-family: Arial, Helvetica, system-ui, sans-serif;
font-synthesis: none;
Use this sans-serif stack for headings, body copy, labels, and controls. Use monospace for editorial section labels, service numbers, chapter indicators, and captions. The specific monospace face depends on the platform.
The website requests 500 for display headings and 700 for the wordmark and primary CTA. Body copy uses the normal weight. A requested 500 does not imply that a separate Medium font file is provided; rendering depends on the installed font.
Website type reference
| Role | Size | Line height | Tracking / weight |
|---|---|---|---|
| Hero headline | clamp(76px, 10.6vw, 192px) | 0.89 | −0.075em / 500 |
| Section headline | clamp(45px, 5.8vw, 104px) | 1.02 | −0.065em / 500 |
| Dark approach headline | clamp(42px, 4.5vw, 80px) | 1.02 | −0.065em / 500 |
| Contact headline | clamp(60px, 9vw, 165px) | 1 | −0.075em / 500 |
| Service title | clamp(27px, 3vw, 46px) | Inherited normal | −0.055em / 500 |
| Lead paragraph | clamp(21px, 2vw, 29px) | 1.35 | −0.025em / normal |
| Supporting paragraph | 14–15px | 1.6–1.7 | Normal |
| Section eyebrow | 10px monospace | Inherited normal | 1.4px / normal |
| Main CTA | 22px | 1.2 | Normal tracking / 700 |
Headings often split into two short lines; the second phrase may use muted color. Tight tracking belongs to large display text, not dense paragraphs. The hero's small magenta dot is a decorative signature, sized at 0.12em and fully round.
At widths up to 1000px, the hero becomes clamp(80px, 12vw, 125px). At widths up to 640px, the main sizes are:
- Hero:
clamp(66px, 15vw, 95px). - Section heading:
clamp(40px, 10vw, 62px). - Approach heading:
clamp(37px, 9vw, 55px). - Contact heading:
clamp(49px, 12vw, 76px). - Lead: 22px; service title: 27px; CTA: 20px.
The final short-viewport rule, at heights up to 600px, overrides the hero size with clamp(48px, 8.5vw, 90px).
For product interfaces, retain the stack and hierarchy, but choose comfortable reading sizes for the task. The website's 9–10px editorial labels and oversized headlines are not a universal product type scale.