Button settings · BTN-001

Choose a button design

Start with one complete Casalta design. Its Text, Button size, and Background choices appear below, where you can change only the parts you want.

TypefaceMontserrat

Border1px black

Resting textBlack

Hover and pressBlack with white text

Live preview

See it in real content

Current Casalta buttons

Home story

A quiet coastal home shaped by its community.

Complete designs

Choose a complete design first. Every category below updates to show exactly what the design uses.

BalancedThe calm default View build Regular 400 · 16px · 48px high · white · Selected

CompactTighter and stronger View build Medium 500 · 15px · 48px high · white · Selected

OpenMore room and rhythm View build Regular 400 · open spacing · 52px · soft grey · Selected

SpaciousLarge and light View build Light 300 · 17px · 56px high · white · Selected

Liquid glassLight translucent material View build Medium 500 · 52px high · light glass · Selected

SettingsThe Settings-page outline Open settings Regular 400 · 16px · 24px sides · 48px high · transparent · Selected

Change individual parts

Changing any value creates a Custom design. Black resting text, the one-pixel border, capsule shape, and black hover/pressed state remain fixed.

Choose a complete design above or adjust a value.

Text

Text thickness Font size Letter spacing

Button size

Width · space at each side Height

Button background

Resting background

Fixed appearanceBlack text · 1px black border

View build Buildings

Regular 400 · 16px · normal spacing · 24px sides · 48px high · white

Fixed: Montserrat, full capsule, black resting text, 1px black border. Hover and pressed use black with white text.