A kiemelés tipográfiai kontraszt.
Egy betűcsalád, három súly. A brandguide és a yellow közös betűje az Oedenburg Sans.
Oedenburg Sans
Aa
Light
300 · Törzsszöveg, kiemelés a címben
Árvíztűrő tükörfúrógép 0123456789
Regular
400 · Gomb, Röviden, kiemelt mondat
Árvíztűrő tükörfúrógép 0123456789
Bold
700 · Cím, fejezet-jelölő, címke
Árvíztűrő tükörfúrógép 0123456789
Fallback: Google Sans, system-ui. Hírlevélben: Helvetica.
Címkiemelés: Light a Boldban.
A kiemelt rész ugyanabban a méretben Light súlyú. Sárga aláhúzás vagy háttér nincs (Peti döntése, 2026-10-16).
Tedd rendbe a márkádat.
A márkád már létezik. Kérdés, hogy te alakítod-e.
<h2>Tedd rendbe <span className="hl">a márkádat.</span></h2>
Skála
Kicker, fejezet-jelölő
12 px · Bold · nagybetű · 0,15em
Brandbook
H1
clamp 32-56 px · Bold · 1,06
Az ügy
H2
clamp 28-42 px · Bold · 1,1
Öt meggyőződés
H3
20-22 px · Bold
Előbb az alap
Lead
18 px · Light · 1,6
A márkád abban él, amit a vevőid gondolnak rólad.
Törzs
17 px (cikkben 18) · Light · 1,6
Ezt a képet vagy te alakítod, vagy a véletlen.
Kiemelt mondat
17 px · Regular · tinta
Ha nincs leírva, az AI sem érti, a vevőd sem.
Gomb
13 px · Regular · nagybetű · 0,08em
Jelentkezem
Szlogen
8,5 px · Bold · nagybetű · 0,2em · muted
Vállalkozásból brand
Részletek
| Szerep | Súly | Megjegyzés |
|---|---|---|
| Cím (h1, h2) | Bold 700 | Sortáv 1,06-1,1, betűköz -0,01em, charcoal |
| Kiemelés a címben (.hl) | Light 300 | A cím méretében, betűköz -0,015em |
| Törzsszöveg | Light 300 | Charcoal, a bekezdés max. 680 px széles |
| Link a szövegben | örökli | Tinta, alatta 2 px sárga aláhúzás, hoverre sárga háttér |
| Felsorolás | Light 300 | Sárga négyzetes pötty; számozottnál sárga kör számmal |
Tedd, ne tedd
Tedd
Cím Bold, a kiemelt rész Light.
Ne tedd
Sárga vagy színes kiemelés, aláhúzás a címben.
Tedd
Egy betűcsalád, három súly.
Ne tedd
Második display-betű, script vagy dőlt cím.
Tedd
Rövid, Light súlyú bekezdések.
Ne tedd
Hosszú Bold bekezdés, csupa nagybetűs mondat.
Tedd
„brandguide” kisbetűvel, a mondat elején is.
Ne tedd
Brand Guide, BrandGuide.