App Setup: Canvas and Grid, Settings Every App Needs, Typography and Colour Variables, Responsive Text

PROCEDURE, canvas: 1) double-click the canvas -> page properties; 2) page title; 3) Layout: container layout Fixed -> Column; 4) default width 1440; 5) View: zoom 75% (or 60%), Show grid at 20 px. Preview opens /version-test; reload shows changes without publishing. Settings > General: favicon, progress-bar colour; SEO: site name, description; Open Graph image (previews only on a paid plan); API tab: tick Workflow API and Backend workflows. Warning: the app ID is permanent.

Styles > Style variables: change the default font to Manrope; add colour variables by pasting hex from Figma and naming them (dark slate gray, dark 2, dark 3, light 1, light 2, white, danger, danger 50%) - up to 32. Text styles: H1 46 px, weight 800, line height 1.4, letter spacing -2%, primary colour (and the H1 style sets the HTML H1 tag, which matters for SEO); H2 46/800, H3 36/800, H4 28/800, H5 24/~600, H6 22/700; body 20 regular (400) and semibold (600); button and paragraph styles. Responsive: instead of mobile styles add a condition 'when current page width < 400' and override - H1 34, H2 30, H3 28, H4 20, H5 20; H6 and body unchanged. Devices: desktop 1440, mobile ~375-500, tablet ~800-1000 (not supported here). Ctrl + right-click copies and pastes an expression between styles.