设计公司的官网说到底是个作品集，难点在于「同样一批图，怎么摆才显得有分量」。这套建筑与室内设计 HTML 网站模板给的答案是七种项目集排版：标准式、地铁式（Metro 拼贴）、通栏、网格、列表、瀑布流、轮播——同一批项目图换个排版就是完全不同的观感，做旧改、别墅、商业空间可以各用一种版式区隔开。项目详情页支持长图叙事，把方案推演过程写进去。比较实用的是单独的「设计流程」页，把从初次沟通、方案设计、深化施工图到落地陪跑的节奏画清楚，这是设计类客户在比价之外最关心的东西。团队页、评价页、报价页、常见问题页齐备，三套首页气质各异。整体走克制的黑白灰加大留白，图片是主角，文字不抢戏。这套结构不只适合建筑事务所，装修公司、景观与规划设计、平面与工业设计工作室、艺术工作室、商业摄影，凡是靠作品说话的行业都能直接套用。

核心功能

七种项目集排版：标准、Metro 拼贴、通栏、网格、列表、瀑布流、轮播，一套图片多种呈现
设计流程页：把服务节奏可视化，是设计类客户比价时的关键决策依据
项目详情页：支持长图叙事，方案推演与落地效果可分段展开
三套首页：不同的首屏节奏与排版密度，可按事务所调性选择
服务与团队页：业务范围与主创履历分开呈现
报价方案页：按面积或服务深度分档，减少前期沟通成本
客户评价页：独立成页，口碑不必挤在首页角落
常见问题页：周期、造价构成、变更规则这类高频疑问可集中回应

页面与技术规格

共 20 个 HTML 页面，含 3 套首页，资源包约 12.6 MB / 197 个文件
基于 Bootstrap 5 构建，使用 data-bs-* 原生交互属性
项目集筛选用 Isotope，支持按分类实时重排，是七种排版能跑通的关键依赖
动效 GSAP + WOW.js，轮播 Slick 与 Owl Carousel，灯箱 Magnific Popup
表单下拉使用 Nice Select 美化，数字滚动 CountUp