Buttons
Button look
Choose a complete button design, including the Settings-page outline, then adjust only its text, size, or light or transparent resting background.
Open button settingsBrowser-local design previews
Design preview settings
Explore one part of Casalta at a time. Changes stay in this browser and can be viewed together on the real Casalta page; they do not change the published design for anyone else.
Typography
Text settings
Adjust title and reading-text fonts, sizes, line thicknesses, spacing and monochrome colors.
Open text settingsSpacing
Spacing and rhythm
Set one consistent space before every main title and below every title, plus section, card, and row rhythm.
Open spacing settingsStructure
Layout and density
Compare page width, gutters, building columns, journal structure, About composition, and map height.
Open layout settingsMaterial
Surfaces and shape
Compare approved white and grey surfaces, neutral glass, line strength, and non-button corner shapes.
Open surface settingsNavigation type
Top-bar text
Adjust the responsive text size and thickness for Map, Buildings, Journal, and About, then choose one matching logo line for the header, footer, and Settings.
Open navigation textNavigation material
Header and glass
Tune the top bar’s device heights, navigation rhythm, white opacity, blur, and saturation.
Open header settingsImagery
Images and crops
Adjust the hero focal point, phone crop, neutral overlay, card proportions, and image-credit position.
Open image settingsSave and share
Export settings
Review every current and custom value in one deterministic JSON document that can be copied or downloaded.
Open settings export