Nowość
Apartament z widokiem na ogród
Mokotów, Warszawa
2 480 000 PLN
78 m²
3 pokoje
2 piętro
Wstępna paleta kolorów
Trzy główne kolory
Granat, kremowy, błękitny. Wszystkie inne kolory (zieleń, czerwień) są celowo wygaszone, żeby nie konkurowały z głównym tonem marki.
Główny kolor marki
Midnight Navy
Mocny akcent kolorystyczny
Oszczędnie
Dwa odcienie. Jasny (Luminous Azure) - tylko podświetlenie i drobne elementy strony. Ciemniejszy (Azure Interactive) - wszystko, co musi być czytelne: obwódki skupiające wzrok, linki, ikony.
Podświetlenie
#3ABEF9
Czytelność
#1A8FCF
Tło strony
Warm Cream
#FBF9F4
Tło kart z ofertą
Pure White
#FFFFFF
Kolor tekstu głównego
Soft Slate
#1B2430
Drugi kolor tekstów (w razie potrzeby)
Stone
#5A6473
Kolor semantyczny - sukces operacji (np. „Wiadomość wysłana” w formularzu)
Subdued Green
#1F8A5C
Kolor semantyczny - Uwaga
Amber Ink
#B5751A
Kolor semantyczny - Błąd
Dust Red
#B33A3A
Obwódki, ramki itp.
Linen
#DCD7CE
Typografia
Dwa kroje
Montserrat w nieduzych grubościach na nagłówki - geometryczny, luksusowy. Manrope na resztę - czytelność.
Aa
Display
Montserrat 200–500
Nagłówki, hero, sekcje. Tylko wagi 300–500 - pogrubienie łamie elegancję.
Body & UI
Manrope 400–700
Paragrafy, formularze, etykiety.
Display LGMontserrat 300
Apartament z widokiem na las
56 / 64
-0.02em
-0.02em
Headline LGMontserrat 400
Nowe oferty w tym tygodniu
32 / 40
-0.01em
-0.01em
Headline MDMontserrat 500
Mokotów, kamienica z 1928
24 / 32
0
0
Title LGManrope 600
Trzypokojowy z balkonem, 78 m²
18 / 26
0
0
Body MDManrope 400
Lokal po starannym remoncie, z zachowaniem oryginalnej stolarki okiennej i drewnianych podłóg. Ekspozycja wschodnio-zachodnia.
16 / 24
0
0
Price LGManrope 700 · tabular
2 480 000 PLN
32 / 36
-0.01em
-0.01em
OverlineMontserrat 500
Nowość · Polecane · Ostatnie 2
11 / 16
0.16em
0.16em
Komponenty
Każdy element ma swoje miejsce
Przyciski, etykiety, pola formularzy, karty, są pokazane obok siebie po to, żebyś od razu widział, jak mogą wyglądać obok siebie.
3 przykładowe rzyciski
Główny granat, alternatywny z konturem, tekstowy z akcentem. Najechanie myszą na główny przycisk uruchamia delikatną poświatę błękitu — znak rozpoznawczy Lumi.
Naklejki i statusy
Nowość
Polecane
Sprzedane
Zarezerwowane
Dostępne
Wkrótce
Ostre rogi (4 px) — statusy mają wyglądać jak naszyte etykiety. Tylko „Nowość" używa jasnego błękitu. Nazewnictwo jeszcze oczywiście do dopracowania.
Pole formularza
Wpisz powyzej, o co chcesz zapytać.
Stan spoczynkowy w ciepłym kremowym odcieniu, focus rozjaśnia tło do białego i dodaje delikatny obrys + poświatę w azure-interactive. Nigdy sam glow — zawsze obrys + glow.
Powierzchnie · stany
Spoczynkowy
Po najechaniu
Po kliknięciu
Karty zmieniają stan przez poświatę, nie przez cień. Kliknięty dodaje grubszy kontur — sygnał musi być widoczny także bez koloru, na potrzeby dostępności.
Najwazniejszy element
Karta nieruchomości
To na nią klient głównie klika w trakcie wizyty. Musi być spokojna, czytelna i pokazywać zdjęcie tak, żeby było najważniejsze (a nie cena). Po najechaniu myszą delikatnie się unosi i podświetla. Na początku, kiedy ofert nie ma jeszcze bardzo duzo, mogę zrobić większą kartę, zeby oferta byla jeszcze bardziej czytelna.
Polecane
Kamienica z 1928, po renowacji
Garwolin, Centrum
3 950 000 PLN
124 m²
4 pokoje
1 piętro
Wkrótce
Dom z tarasem
Zakrzówek :-D
8 200 000 PLN
284 m²
6 pokoi
Parter + 1
Strona główna
Przykładowy kierunek
Fragment widoku startowego — to jeszcze nie projekt strony, tylko wizualizacja kierunku. Pokazuje, jak elementy, które przed chwilą widziałeś, układają się w jedną kompozycję.
lumi.pl/
Sezon wiosna 2026
Znajdź swój wymarzony dom
To jest krótki tekst testowy, który ma na celu zaprezentowanie wyglądu nagłówka oraz interlinii w tym konkretnym boksie informacyjnym.
22
aktywne oferty · sezon 2026
11
szczęścliwych rodzin
97%
klientów wraca z poleceniem
Tweaks
Pokaż klientowi alternatywy kroju oraz wariant bez glow, żeby przekonać się, ile pracy wykonuje akcent.