云希健身（day_gym）——面向健身房 / 力量训练馆的行业主题。 设计语言为「工业力量工场」：混凝土灰白纸面、近黑重字、信号橙强调、硬边框方角卡片与大数字版式，与个人简历、咖啡店、民宿、摄影工作室等主题完全区分。 首页为八段式一页结构：黑底门头、工场数据带、训练课程卡、教练团队、本周课表、会员方案、工场动态、到访预约带。列表页提供公告板 / 训练日志 / 课表式三种版式，文章页为大标题加右侧常驻工具栏。 全部模板与样式从零设计，无站外资源依赖，响应式适配桌面与移动端。

视频演示：【云希健身｜健身场馆管理系统 前端演示】

开一家健身馆，最怕网站像张通知贴在门口——电话藏在角落里，课表永远是张模糊的图片，访客看一眼就走。云希健身这套页面，把一家力量工场该有的东西全摆在明处：数据、课程、教练、课表、价格，一屏一屏往下读，像领人进馆转一圈。转角最后还有一块黑底预约带，电话、地址、营业时间并排躺着，看到哪儿想约，抬手就能约。

首页就是一整张工场长页

最上面是黑底门头，一句主张、一个预约入口，右上角搜索一直跟着；往下是四格大数字——工场面积、力量器械、持证教练、在册会员，实力不用嘴说；再往下是训练课程，每节课多长、适合谁、强度几格方块，一眼看清；教练团队一人一张卡，编号、专长、带课方向列得清清楚楚；本周课表是一张真表格，今天的列自己亮出来，会员不用找；会员方案做成黑底反色带，推荐的那档自己跳出橙色。一路划到底，不用点任何菜单。

同一批文章，三种摆法

第一种叫公告板，每条前面挂编号，像工场门口那块公告栏，新消息一眼找到；第二种叫训练日志，日期块立在左边，内容靠在右边，按日子一路读下去，像翻一本训练记录本；第三种叫课表索引，一行一行排得紧凑，像一张摊开的排课总表，找哪节课就翻哪一行。三种摆法随你按栏目切换，文章还是那些文章，味道完全不同。列表页右手边还挂着一根不动的工具栏，分类和最近更新始终在手边。

文章页，版面退到一边

点进任何一篇文章，版面主动退让：宽宽一条正文，标题大字，段落之间留足呼吸；配图安安静静排在文字该在的位置，不抢戏；右边立一根随行的小工具栏，分类、最新文章、搜索都在手边，却不挡阅读。器械说明、备赛复盘、教练日常，长的短的都读得下去。

手机上，一只手翻完一座工场

窄屏下自动收成单列：导航收进角落的菜单，课表在框里左右滑动、不撑破页面，预约入口始终跟在手边。等电梯、坐地铁的工夫，也能把课程和教练翻个遍。深色底在太阳底下也看得清，不刺眼。

谁适合用

健身馆、力量训练馆、体能工作室、瑜伽教室，甚至拳馆和游泳馆都能用——课程、教练、课表、价格四件套，是这类场馆的刚需。想把课表、方案、教练介绍长期更新下去的，这套页面留好了位置，换字改图就行，不用从头折腾。

云希健身，等你来上第一节课。