Salta al contenuto
apri il menu in alto a destra

Menu a pillola

Al click la pillola si divide in due cerchi: il globo del menu pubblico e la × che chiude, sempre presente in qualunque menu ti trovi. Le tre linee non vengono sostituite: diventano loro stesse la ×.

filtri

I filtri stanno nel menu, la lista sta qui

Apri il menu con la lente in alto a destra e prova: i chip muovono questa griglia, e il conteggio nel pannello dice cosa sta succedendo dietro lo sfocato.

Attico Vista Mare

4 locali · 1.450.000 €

Villa Iris

6 locali · 890.000 €

Bilocale Porto

2 locali · 310.000 €

Rustico Le Fonti

5 locali · 420.000 €

Loft Officina

3 locali · 560.000 €

Trilocale Aurora

3 locali · 275.000 €

Nessun immobile con questi filtri

Prova a togliere una caratteristica o ad allargare il prezzo.

comportamento

Due impaginazioni, una sola logica

Smartphone

Sotto i 641 px il pannello va a tutto schermo: la pillola resta sopra, sempre raggiungibile col pollice.

Tablet e desktop

Da 641 px in su il pannello non galleggia: prende tutta l'altezza ancorato al bordo destro, con larghezza contenuta (clamp(360px, 36vw, 480px)).

La parte restante

Va sotto un overlay sfocato: il contenuto resta riconoscibile ma arretra, e un click fuori chiude.

strati

I pallini sono i menu

Menu pubblico

Il globo: la navigazione aperta a tutti, quella che si apre per prima.

Area cliente

Ricerche, appuntamenti, documenti e la sezione amministratore.

Lingua

Sei lingue; la scelta resta memorizzata e aggiorna l'attributo lang della pagina.

Preferiti

Gli immobili salvati, con contatore sul pallino.

tastiera

Utilizzabile senza mouse

Tab resta dentro il menu mentre è aperto, Esc chiude sempre, le frecce spostano fra i menu come fra schede, e alla chiusura il fuoco torna sulla pillola. Con prefers-reduced-motion tutto avviene senza movimento.