Ribspan: municipal conservatory web UI concept (Landing / Houses / Display)
An original high-fidelity web UI concept for a municipal conservatory: a landing with an iron-and-glass house, a plan of three houses, and a page for this week's Marsh Cycad. Fictional brand, DEMO data, not a real garden or a visitor guide.
Image credit: Tink
Ribspan is an original high-fidelity web UI concept for Ribspan Houses at the fictional Westmere Gardens: three iron-and-glass houses on one short walk.
The three screens
Landing. A typographic hero, "Under glass, this week.", sits beside a code-drawn arched glasshouse. Today, Thursday 12 November, the houses are open 10:00–16:30, last entry 16:00, with 262 species DEMO in all. The Marsh Cycad, a fictional exhibit, is in cone in the Palm House. Cards give the three houses: Palm House 86, Fern Walk 112, Alpine Court 64, and note a talk on Saturday 14 November at 14:00.
Houses. A plan of the three houses on a connecting path from the west entrance. The same counts appear on each house and add up in the footer: 86 + 112 + 64 = 262.
Display. A dark page for the Marsh Cycad. The exhibit is labelled fictional, not a real plant and not horticultural advice. It is on show Thursday 12 to Sunday 29 November. The next talk is Saturday 14 November at 14:00, with 24 of 40 seats reserved, DEMO.
Visual system
- Putty, iron green, leaf, bloom and glass
- Bodoni Moda for headlines, Outfit for the interface, IBM Plex Mono for labels
- The glasshouse, the plan and the cycad are drawn in SVG
- A simple public-site nav: Visit, Houses, What's in bloom, Talks, Plan a visit
Notes
Ribspan is a fictional brand. Westmere Gardens, the three houses, species counts, hours, the Marsh Cycad and the talk are DEMO data for illustration, not a real garden, plant list or visitor guide. It is a static design study, not a real site. All artwork is drawn in code; no photos or third-party logos are used.