Tipografija

Sora za display i tekst, JetBrains Mono za kod. Fluidna tipografska skala clamp().

Obitelji

bg:font:display - weights 400/500/600/700

The quick brown fox.

Loader: https://fonts.bunny.net/css?family=sora:400,500,600,700&display=swap

bg:font:body - weights 400/500/600/700

The quick brown fox.

Loader: https://fonts.bunny.net/css?family=sora:400,500,600,700&display=swap

bg:font:mono - weights 400/500/600

The quick brown fox.

Loader: https://fonts.bunny.net/css?family=jetbrains-mono:400,500,600&display=swap

bg:type:hero - clamp(48px, 8vw, 80px) / 700 / line 1.05 / track -0.015em

page hero H1, wordmark display

bg:type:section-lg - clamp(36px, 5vw, 56px) / 700 / line 1.07 / track -0.012em

section headlines

bg:type:section-md - clamp(28px, 4vw, 40px) / 600 / line 1.1 / track -0.010em

sub-section headlines

bg:type:section-sm - clamp(22px, 3vw, 28px) / 600 / line 1.14 / track -0.007em

card titles, FAQ questions, GEO blocks

bg:type:lead - 21px / 400 / line 1.38 / track 0.011em

lead paragraph under hero

bg:type:body - 17px / 400 / line 1.47 / track -0.022em

body copy, button labels, CTA text

bg:type:small - 14px / 400 / line 1.43 / track 0

captions, breadcrumbs, table cells

bg:type:nav - 12px / 400 / line 1.33 / track 0

nav link labels

bg:type:oversized - clamp(64px, 10vw, 120px) / 700 / line 1 / track -0.020em

spec/stat numbers, large metrics

bg:type:badge

CODE TRANSFORMATION

Size	11px to 12px
Weight	600
Transform	uppercase
Tracking	0.04em to 0.08em
Color	#00B8D4
Background	rgba(0, 184, 212, 0.12)
Border	1px solid rgba(0, 184, 212, 0.25)
Padding	4px to 8px vertical, 10px to 14px horizontal
Radius	4px to 20px

Use	Rule	Anchor
page-h1	Title Case for noun phrases, sentence case for full sentences	bg:voice:casing-page-h1
section-badge	ALL CAPS with letter-spacing 0.04em to 0.08em	bg:voice:casing-section-badge
body	sentence case	bg:voice:casing-body
button	sentence case starting with a verb	bg:voice:casing-button
tier	Title Case (Basic, Pro, Enterprise)	bg:voice:casing-tier
plan-badge	ALL CAPS status word (ACTIVE)	bg:voice:casing-plan-badge