整站不引一个前端框架,也能把十九个页面撑起来。涅拉沃就是这么做的:页面里检索不到 Bootstrap、jQuery 或 Tailwind 的任何引用,样式集中在一份四千四百多行的手写 CSS 里,脚本只有两个文件。整站实测 45 个文件、1.7 MB——首屏加载几乎没有等待。
它的内容组织也很有主张。三条服务线——品牌策略、识别与数字、动效与空间——各自占一个完整页面,每页都列出该服务包含的具体交付物:定位、受众架构、品类地图、命名、语言识别、上市叙事。这比笼统写「我们提供品牌服务」有用得多,甲方能直接对照自己的需求清单。六个项目各成一页,四篇观点文章各成一页,整站没有一处是靠锚点凑出来的。首页是影像式的,用视频承载初见时的印象,与后面克制的排版形成对比。这套结构同样适用于独立设计工作室、建筑与空间事务所、影像制作公司、广告创意热店、产品设计团队、策展机构……凡是「靠作品和方法论说服客户、项目单价高、页面本身就是作品的一部分」的乙方生意都合用。
核心功能
三条服务线各占完整页面,并逐条列出该服务包含的具体交付物
六个项目各成独立页面,项目叙事可按自己的节奏铺开
观点文章四篇各成一页,便于沉淀方法论类内容
首页以影像开场,用视频承担开场印象,正文排版保持克制
服务页内嵌「我们可以从哪一步介入」的说明,降低询盘门槛
项目详情页把策略、设计、动效三段的作用分别写明
工作室页单列团队构成,强调小而资深的配置
整站视觉语言统一,不同页面之间无明显模板拼接痕迹
页面与技术规格
19 个 HTML 页面,实测 45 个文件、1.7 MB
零前端框架:实测首页对 jQuery、Bootstrap、Tailwind 的引用数为 0
样式为一份 4,484 行手写 CSS,含 25 个 CSS 自定义属性
布局走原生 Grid 与 Flex,实测 109 处相关声明,不受框架断点约束
脚本仅
main.js与inner.js两个文件,改动时链路清晰图片灯箱与文字跑马灯为轻量实现,未引入大型交互库