HAOZHI INTELLIGENCE 隶属 浩纸摄影

纸行智能

HAOZHI INTELLIGENCE

我们做两件事:把网站做出来,再把它做到能一直运行。前者关乎设计与代码,后者关乎时间—— 剩下的时间,研究智能体怎么帮我们把重复的事做掉。

方向
网站制作 · 智能化研究
作品
浩纸摄影 · 纸行智能
工具
原生 HTML · CSS · JS · Canvas
向下 · 看作品

01工作 / SELECTED WORK

已经上线的,
和一直在改的。

持续迭代 / 设计 · 开发

浩纸摄影 · 品牌影像作品集

四城影像档案、每周公益投稿墙、光影地图。从零搭建,并持续迭代至今。

访问 hzsy2024.cn HTML / CSS / JS

2026 / 设计 · 开发 · 动画

纸行智能 · 本网站

你现在看到的页面。首屏的光标群动画从零手写:Canvas 2D、零第三方依赖,一群光标从参考线、打字、钢笔到复刻,把页面搭出来。

Canvas 2D / 原生 JS

02技术 / TECH

和 DeepSeek 一起
写出来的网站。

从页面结构到光标群动画,大部分代码由 DeepSeek 生成,我们负责提需求、定方向、验收每一处细节。原生、零依赖、没有动画库——但它确实不是一个人一行行敲出来的。

原生 HTML · CSS · JS 零第三方依赖 DeepSeek 辅助编写 无 JS 也能读 60fps 预算
01

原生实现

不用框架、不套模板,HTML / CSS / JS 从零组织;由 DeepSeek 生成,我们逐行验收。

02

零第三方依赖

没有 npm 包、没有 CDN、没有外部字体,整站只加载自己的文件。

03

代码生成

光标群动画、页面结构、样式系统,大部分由 DeepSeek 生成,再人工调试。

04

性能预算

首屏目标 < 1.5s、动画 60fps 预算;设备变慢会自动降级而不是硬扛。

05

可访问性

语义化结构、键盘可达、对比度 ≥ 4.5:1,尊重「减少动效」设置。

06

兼容与降级

Safari / Chrome / Edge / 移动端都能看;没有 JavaScript 时内容依然完整。

03做法 / MAKING OF

这个页面,
是怎么长出来的。

  1. 01

    结构与文案

    先把要说什么排清楚,再谈界面长什么样。

  2. 02

    字体与栅格

    一套字号、一套间距,页面自然就稳。

  3. 03

    视觉与色彩

    纸感底色、墨黑、光谱点缀,三种材质反复配。

  4. 04

    动效实现

    参考线、画框、打字、钢笔,全部用 Canvas 手写。

  5. 05

    打磨与测试

    跨设备测试、性能压测、无障碍检查,一遍遍过。

04多端 / ACROSS DEVICES

一个网站,
放在所有屏幕上。

同一套代码,在电脑、手机、手表上都是同一个网站:会自适应,也能各自显示合适的内容。

Apple Watch
MacBook Pro / 1440
iPad / 834
iPhone / 390

隶属 浩纸摄影 西安 2026 起

浩纸摄影官网

05关于 / ABOUT

一组人,
两种手艺。

纸行智能是浩纸摄影旗下的科技品牌,由主理人李某浩纸发起。摄影让人看见光,网站让人找到你——两件事本质上都是「把东西表达清楚」。

我们习惯把网站当成长期作品:先想清楚内容,再用最少的代码把它实现出来,然后一直维护下去。

同时也在研究智能体:让机器处理重复劳动,把人留在判断和审美上。这个网站本身就是一次实验——从页面结构到光标群动画,大部分代码由 DeepSeek 生成,我们负责方向、审美与验收。

李某浩纸 · 主理人 2026 年,西安

06伙伴 / PARTNERS

优秀合作伙伴

浩纸摄影 用光写字的人
纸行智能 专注于网站制作以及智能化科技,隶属于浩纸摄影
光影LIGHT SHADOW 专注影像领域的摄影工作室
潜龙元创 专注人工智能、自动化与新能源领域的创新研究
九寨BUS Log 城市公交巴士博主
BUILDING 准备画布 0%
滑动 / Esc 跳过