Ribspan:市政玻璃花房网站 UI 概念(Landing / Houses / Display)
原创高保真网站 UI 概念,面向一座市政玻璃花房:带铁架玻璃房插画的首页、三座花房平面,以及本周展出的 Marsh Cycad 专页。虚构品牌,数据均为 DEMO,不是真实园圃,也不是参观指南。
图片署名:Tink
Ribspan 是一款原创高保真网站 UI 概念,设定在虚构的 Westmere Gardens 里的 Ribspan Houses:三座铁架玻璃花房,走一段短路就能串起来。
三个页面
Landing(首页)。 标题 “Under glass, this week.” 旁边是一座由代码绘制的拱形玻璃房。今天是 11 月 12 日周四,开放 10:00–16:30,最晚入场 16:00,三座花房合计 262 种 DEMO。虚构展品 Marsh Cycad 正在 Palm House 结球。卡片给出三座花房:Palm House 86 种、Fern Walk 112 种、Alpine Court 64 种,并注明 11 月 14 日周六 14:00 有一场讲座。
Houses(花房)。 三座花房的平面,由西入口一条连通的地面路径串起。各房数字与页脚一致:86 + 112 + 64 = 262。
Display(展品)。 深色专页介绍 Marsh Cycad。页面标明这是虚构展品,不是真实植物,也不是养护建议。展期为 11 月 12 日周四至 29 日周日。下一场讲座是 11 月 14 日周六 14:00,已预约 24 / 40 席,DEMO。
视觉系统
- 灰米色、铁绿色、叶色、花色和玻璃色
- 标题用 Bodoni Moda,界面用 Outfit,标注用 IBM Plex Mono
- 玻璃房、平面和苏铁均以 SVG 绘制
- 公共导航:Visit、Houses、What's in bloom、Talks、Plan a visit
说明
Ribspan 是虚构品牌。Westmere Gardens、三座花房、物种数量、开放时间、Marsh Cycad 和讲座都是演示用的 DEMO 数据,不是真实园圃、名录或参观指南。这是静态设计研究,不是真实网站。全部画面由代码绘制,没有照片或第三方标志。