Temporary study · SPACE-001

Spacing and rhythm

Set one consistent space before every main title and one consistent space between each title and its content. Typography, color, buttons, and layout proportions stay fixed here.

Live specimen

Breathing room in context

Current spacing and rhythm values

City map

Map content

Player buildings

Featured home

New home

Hillside home

City journal

New architecture in the city

A quiet home by the marina

About Casalta

Casalta is a relaxing multiplayer building game where players create dream homes in a city made by its community.

Choose the shared title spacing

City map, Player buildings, City journal, and About Casalta now use the same responsive rhythm. One value controls every main title at each screen size.

Before every main title

Current consistent rhythm: 112px on desktop and 80px on compact screens.

Before title · desktop Before title · compact

Between every main title and its content

Current consistent rhythm: 40px on desktop and 32px on compact screens before maps, text, filters, cards, or lists begin.

Title to content · desktop Title to content · compact

After the final section

This controls the breathing room after About before the footer. Intermediate sections add no ending space, so the same before-title value remains the exact visible gap throughout the page.

Page ending · desktop Page ending · compact

Cards and rows

External gaps and internal space only. Button padding and text line spacing stay in their own settings.

Building gap · desktop Building gap · phone Journal-list gap · desktop Journal-list gap · phone Inside journal row · desktop Inside journal row · phone Building-card padding · desktop Building-card padding · phone Journal padding · desktop Journal padding · phone vertical Journal padding · phone horizontal

Fixed here: Montserrat typography, monochrome colors, button design, grid proportions, image crops, and the full-screen mobile opening.