Casato
Style Guide
Everything the template is built from. Change a style here and it updates everywhere on the site.
Foundation
Colours
Core palette
Anthracite
#26282B
Accent
#A9764E
Surfaces
Off-White
#F4F1EA
Surface
#FFFFFF
Border
#ECEAE3
Status colours
Status/Available
#3E6B54
Status/Reserved
#A9764E
Status/Sold
#737578
System
Typography
Homes above the lake at Arvela
Heading 1 · Fraunces · 500 · 96px
Homes above the lake at Arvela
Heading 2 · Fraunces · 500 · 56px
Homes above the lake at Arvela
Heading 3 · Fraunces · 500 · 28px
Homes above the lake at Arvela
Heading 4 · Inter · 600 · 20px
Homes above the lake at Arvela
Heading 5 · Inter · 600 · 16px
Homes above the lake at Arvela
Heading 6 · Inter · 600 · 13px
Considered spaces for the rituals, views, and rhythms that make a house feel like home.
Paragraph · Inter · 400 · 16px
A quiet collection of distinctive homes, selected for how they live.
lead · Inter · 400 · 19px
Refined details make a lasting impression.
small · Inter · 400 · 14px
Request a valuation
Button · Inter · 600 · 16px
CHF 2.850.000
Price · Inter · 600 · 22px
Interface
Buttons & Links
Request a valuation
Primary button — a Frame with the Link set on the frame
Buttons in this template are plain Frames with a Link on the frame, not Framer’s Button component — so they work without the paid Trigger add-on.
Listing system
Status Badges
Available
Reserved
Sold
Badges are driven by the Status field on each listing.
Surface
Cards & Elevation
Card — white, 16px radius, soft shadow 0/14/36 at 8% anthracite
Rhythm
Spacing & Radius
Section padding 120/100 desktop · Content max width 1200 on content pages · Corner radius 16 for cards · 100 for pills · Grid gap 24
NEWSLETTER
New listings and valley market notes, once a month.