Type scale
Fluid sizes (clamp between phone and desktop). Use the utility (text-h2) or the
Heading / Text primitives — never a raw size.
- text-display font: display size: clamp(3rem, 1.78rem + 4.99vw, 6.5rem) line-height: 1
A home in Ibiza, six weeks a year
- text-h1 font: display size: clamp(2.75rem, 1.92rem + 3.39vw, 5.125rem) line-height: 1.07
A home in Ibiza, six weeks a year
- text-h2 font: display size: clamp(2.375rem, 1.59rem + 3.21vw, 4.625rem) line-height: 1.19
A home in Ibiza, six weeks a year
- text-h3 font: display size: clamp(1.25rem, 0.82rem + 1.78vw, 2.5rem) line-height: 1
A home in Ibiza, six weeks a year
- text-statement font: display size: clamp(1.5rem, 1.33rem + 0.71vw, 2rem) line-height: 1.28
A home in Ibiza, six weeks a year
- text-lead font: body size: clamp(1.125rem, 1.04rem + 0.36vw, 1.375rem) line-height: 1.32
A home in Ibiza, six weeks a year
- text-body font: body size: 1.0625rem line-height: 1.7
Every VIVLA home is split into eight shares, about six weeks a year each.
- text-small font: body size: 0.875rem line-height: 1.6
Prices include furniture, setup and the first year of management.
- text-eyebrow font: body size: 0.8125rem line-height: 1.4 tracking: 0.08em
How it works
- text-script font: script size: clamp(3rem, 2.07rem + 3.83vw, 5.6875rem) line-height: 1
Live it