For the Team
Standard fonts, sizes and styling for every text-based element on the Viansa website.
Display / Headings
EB Garamond Medium Italic · utility: font-serif or font-eb-garamond-italic · used for h1–h3 automatically
Viansa on the Summit of Sonoma
Body
Cormorant Garamond · utility: font-sans (site default) · base 1.1875rem / 19px, weight 600, line-height 1.65
Perched on the highest hilltop in Sonoma Valley, Viansa is a celebration of Italian hospitality.
UI Caps
Sackers Gothic Bold · utility: font-sackers · always uppercase, letter-spacing 0.05em · buttons, labels, dates, tags
Plan Your Visit
Script Eyebrow
Aston Script · utility: .eyebrow · 2.25rem, no letter-spacing, margin-bottom -1rem
Join Us!
H1 — Page Title
font-eb-garamond-italic · text-4xl / md:text-5xl / lg:text-6xl · text-walnut
Upcoming Events
H2 — Section Title
font-serif · text-2xl / md:text-4xl / lg:text-[2.75rem] · font-light · text-ink
Tasting Experiences
H3 — Card Title (serif)
font-serif · text-xl / md:text-2xl · font-light · text-ink · tracking-wide
Terrace Tasting
H3 — Card Title (caps)
font-sackers · text-xl / md:text-2xl · uppercase · text-walnut · used on event cards
Spritzy Sundays
Body — Standard
font-sans · text-lg (1.125rem) · leading-relaxed · text-walnut
The perfect Sunday starts on the Summit. Take in the beauty of Sonoma Valley while you sip a refreshing spritz cocktail.
Body — Small
font-sans · text-base (1rem) · leading-relaxed · text-walnut · experience notes, secondary copy
Reservations recommended. Walk-ins welcome based on availability.
Pricing
font-sans · text-lg · italic · text-walnut
$75 per person
Footnote / Legal Note
font-sans · text-base · italic · text-walnut/80 · sits below CTA buttons
All event ticket sales are final and non-refundable.
Tag / Category
font-sackers · text-[11px] · uppercase · tracking-wider · text-bronze
Wine Club Exclusive
Date & Time
font-sackers · text-[11px] · uppercase · tracking-wider · text-bronze
Select Sundays: Aug. 23 • Sep. 20
11am–2pm
Small Meta
font-sackers · text-xs · tracking-normal · text-bronze · duration, price chips
60 Minutes · $45 Per Person
Primary Button
font-sackers · text-xs · uppercase · bronze background, cream text · h-11, px-8
Secondary Button
font-sackers · text-xs · uppercase · walnut outline, transparent fill
Disabled / Sold Out
Same as primary button, black background, no link
Inline Link
text-bronze · underline on hover · underline-offset-4
Cream
#EDE1D0
Ink
#280F0A
Walnut
#562817
Bronze
#9A5C24
Gold
#B4A136
Olive
#797E30
Moss
#5E6011
Brick
#8C312A
Plum
#5B1E45
Indigo
#3E285D
Lavender
#855180
Sage
#8DA8B4
Section Padding
py-20 lg:py-28 for full sections · content max-width 1400px with px-6 lg:px-10
Every page section uses the same vertical rhythm so pages stack consistently.
Card Content Rhythm
Title mb-3 · metadata mb-5 · body mb-6 · pricing mb-6 · footnote mt-6
Applied across event and experience cards for even spacing above and below each element.