sabathemeFind your style
SABATHEME / DIRECTORY

A LITTLE CLARITY GOES A LONG WAY.

Wilcity — directory layout notes

Connect listing cards, location pages and detail views into one clear journey.

Original layout study · directory design

01

Start with an area overview

Give each location page a short orientation before the results. State the area covered and make the category navigation visible. A visitor should understand whether they are looking at an entire city, a neighbourhood or a filtered set of venues.

02

Keep the detail page scannable

Separate address and practical facts from a longer description. Use clear headings for each section. Keep factual fields consistent across listings so visitors can compare them without learning a new page structure each time.

03

Give search states their own design

Results, no results, partial information and an unavailable map each need a useful response. Keep the chosen filters visible and let the user change one choice at a time. A clear recovery path matters more than an elaborate empty-state illustration.

A SMALL SPACE TO EXPERIMENT

Try a different perspective.

Explore colour, reading direction and screen size in an original layout study.

Palette
Viewport
Reading direction

Space for good ideas — design starts with a clear purpose.

Sage palette · Wide viewport · LTR reading direction. Your choices stay in this page.