LEVA Brand & UX Manual
Living Style Guide for Desktop & Mobile — brand, typography, colour and the shared components used across Budget Core, the configurators and product pages.
1. Logo & Brand Icons
2. Typography (Montserrat)
H1 - Bold (40px Desktop / 32px Mobile)
Building the Future Together
H2 - Semi-Bold (32px Desktop / 28px Mobile)
Explore Our Projects
H3 - Semi-Bold (24px Desktop / 20px Mobile)
Modern Family House
Body - Regular (16px Desktop / 15px Mobile, 150% Line Height)
Explore our collection of family house projects! From modern villas to classic buildings, our houses offer everything needed for comfortable and functional living.
3. Color Palette
4. Geometry & UI Elements
Buttons (25px Radius)
Pill-shaped for a friendly, approachable feel.
Floating Action
Used strictly for center sticky nav / chat.
Cards (16px Radius)
Used for product grids, blog posts, and main content blocks.
Inputs (6px Radius)
Slightly sharper for formal data entry.
5. Badges & Tags
Status badges
Code tag & emphasised value
Pills use a 999px radius. Code tags are DM Mono; the accent
colour #8B0000 picks out one key value inside otherwise muted text.
6. Cards & Data Rows
List row — avatar · title · meta · trailing value
Metric group — label + value
7. Controls
Segmented switch
Range slider
Round icon buttons
44px circular targets. Dark = remove / negative · Sand = add / primary · Light = neutral / secondary · Red reserved for destructive or chat actions.
8. Overlays
Panel / drawer header
Floating action
Overlays use a white surface with a 1px #DADCE0 divider header.
The red floating action (#D8232A) is reserved for the centre sticky nav / chat.
