alouette

Build a screen's structure. A raised card is a Box with the surface utilities, never the removed Surface component; a View with flex classes plus Separator arranges children. page-container is the boxed column of a page; SectionTitle heads a section standing on the screen ground, where a list of pressable rows goes instead of inside a card. ScreenScrollView, ScreenFlatList and ScreenSectionList are a screen's scrollable body, padding the safe-area edges no SafeAreaScope has consumed; ScreenCenterLayout frames a sign-in or splash screen. GradientBackground and GradientScrollView tint the ground, GlowBackground bleeds soft accent glows over it. Spacing, radius and shadow come from the alouette scale, never raw Tailwind numbers. The shell around every screen is alouette-app-shell. Load when building screen structure, cards, a section heading, spacing, a scrollable screen, or a background.