案例展示

小程序首页风格示例

覆盖美业、餐饮、电商等多个行业的首页风格参考——所有截图均为真实可用的页面，点击"查看完整页面"可体验完整交互。

19 套全部画风

行业 UI 骨架 × 美术画风
总览导航页

全部 19 套 · 总览

全部案例 · 画风总览

行业 UI 骨架·美术画风·自由搭配

19 套独立设计：烧烤 / 咖啡 / 奶茶 / 家政 / 美发行业骨架，美业牛皮纸 / 手绘 / 动漫 / 电商 / 国潮 / 霓虹 / 玻璃 / 和风 / 原木 / 法式 / 黑白 / 机能 / 像素 / 童趣画风——每套均可按您的行业单独定制。

进入画风总览 ↗

深夜烧烤 · 沉浸式点餐

餐饮 · 深夜食堂风

深夜烧烤 · 沉浸式点餐

烧烤点餐·沉浸瀑布流·悬浮 Dock

深夜食堂风烧烤店首页：菜品沉浸式瀑布流、悬浮毛玻璃 Dock 与凸起点餐钮，排队取号 + 外卖双入口，烟火气十足的暗色氛围。

查看完整页面 ↗

纸间咖啡

餐饮 · 复古纸质风

纸间咖啡

咖啡点单·杂志轮播·极简 Tab

复古纸质风咖啡店首页：杂志封面式轮播、附近门店切换、取餐进度条、虚线菜单卡片，适合精品咖啡、烘焙小店。

查看完整页面 ↗

半糖茶话

茶饮 · 奶油马卡龙风

半糖茶话

奶茶点单·沉浸渐变·托盘导航

奶油马卡龙风奶茶店首页：全宽沉浸渐变背景、侧滑露边卡、外送时效与领券储值、弧形托盘导航，甜而不腻的少女感配色。

查看完整页面 ↗

洁到家 · 家政服务

家政 · 专业服务蓝

洁到家 · 家政服务

家政预约·分栏布局·悬浮预约

专业服务蓝家政平台首页：左右分栏（服务分类 + 内容区）、明星阿姨实名展示、时段预约与首单立减，信任感强。

查看完整页面 ↗

慕黑 Salon

美业 · 轻奢黑金风

慕黑 Salon

美发预约·全屏 Hero·顶部 Tab

轻奢黑金风美发沙龙首页：全屏 Hero 大留白、作品集展示、分档价目与次卡、顶部文字 Tab（无底部栏），高级感十足。

查看完整页面 ↗

XX美甲 · 手工美业

美业 · 牛皮纸风

XX美甲 · 手工美业

美甲美睫·印章标签·快递单横幅

牛皮纸风美甲店首页：牛皮纸纹理底、红色印章 logo 与价格、快递单式促销横幅、胶带预约条，质朴的手工店铺质感。

查看完整页面 ↗

XX面包 · 手作烘焙

手绘风

XX面包 · 手作烘焙

手作烘焙·手写标题·铅笔阴影

手绘风面包店首页：纸张底、逐字旋转的手写标题、不规则圆角歪扭卡片、铅笔阴影与贴纸元素，充满手作温度。

查看完整页面 ↗

XX谷子店 · 二次元周边

动漫风

XX谷子店 · 二次元周边

谷子周边·网点描边·抽赏玩法

动漫风谷子店首页：深紫网点与速度线背景、粗黑描边字、对话框气泡、限定分格商品与 SSR 抽赏区，二次元浓度拉满。

查看完整页面 ↗

XX严选 · 综合商城

电商风

XX严选 · 综合商城

电商商城·秒杀领券·双列瀑布

电商风综合商城首页：金刚区导航、限时秒杀倒计时与抢购进度、领券中心、商品双列瀑布与悬浮购物车，大促氛围拉满。

查看完整页面 ↗

XX茶楼 · 中式茶馆

新中式国潮

XX茶楼 · 中式茶馆

茶楼茶点·朱红鎏金·印章纹样

新中式国潮茶楼首页：宣纸米白底、朱红鎏金配色、书法纹样、印章式价格标签与茶客雅集卡，古典气韵十足。

查看完整页面 ↗

XX BAR · 夜生活空间

赛博霓虹夜场

XX BAR · 夜生活空间

酒吧特调·霓虹光晕·LIVE 徽章

赛博霓虹酒吧首页：纯黑底、紫青霓虹光晕、灯管字店名、特调酒单卡片与驻场演出信息，夜场沉浸躁动。

查看完整页面 ↗

XX美妆 · 智慧零售

玻璃拟态

XX美妆 · 智慧零售

美妆零售·毛玻璃·弥散渐变

玻璃拟态美妆首页：毛玻璃卡片、弥散渐变背景、轻悬浮阴影、会员金卡，2025 现代美学的轻盈通透。

查看完整页面 ↗

XX料理 · 居酒屋

日式和风

XX料理 · 居酒屋

日料居酒屋·麻叶纹·灯笼元素

日式和风料理首页：米白红黑配色、麻叶纹与木纹细节、灯笼元素、旬味推荐排版，清寂匠心。

查看完整页面 ↗

XX民宿 · 山野度假

自然原木森系

XX民宿 · 山野度假

山野民宿·原木质感·牛油果绿

自然原木民宿首页：原木色与牛油果绿、木纹细节、山景房型卡、有机早餐与管家服务，返璞归真的治愈感。

查看完整页面 ↗

XX甜品 · 法式工坊

奶油法式

XX甜品 · 法式工坊

法式甜品·奶油粉金·衬线斜体

奶油法式甜品首页：奶油粉与玫瑰金配色、衬线斜体标题、马卡龙与千层蛋糕手作卡，优雅甜腻。

查看完整页面 ↗

XX COFFEE · 艺文空间

黑白摄影杂志

XX COFFEE · 艺文空间

精品咖啡·黑白摄影·编辑部排版

黑白杂志风咖啡首页：纯黑白配色、大图大字编辑部排版、虚线菜单与主理人手记，克制高级的格调。

查看完整页面 ↗

XX健身 · 24H 力量馆

硬核机能工业

XX健身 · 24H 力量馆

健身训练·铁灰警示橙·切角元素

硬核机能健身首页：铁灰与警示橙、粗黑体、切角图形、训练课程卡与免费体验，力量感十足的硬朗秩序。

查看完整页面 ↗

8-bit 像素复古

XX电玩 · 怀旧街机

街机电玩·像素块·投币元素

8-bit 像素电玩首页：像素块与硬边阴影、投币元素、START 按钮式机台卡，红白机时代的游戏厅记忆。

查看完整页面 ↗

XX亲子乐园 · 亲子餐厅

亲子绘本童趣

XX亲子乐园 · 亲子餐厅

亲子餐厅·童趣彩块·云朵贴纸

亲子绘本乐园首页：亮黄绿彩块、大圆角、云朵贴纸、亲子套餐与游乐区，宝贝们的快乐星球。

查看完整页面 ↗

联系我们

想要同款小程序？

以上风格均可按您的行业定制，告诉我们您的想法，24 小时内回复详细方案与报价。