ATLOWS

加载 0%

个人品牌系统

ATLOWS

将作品、观点和审美压缩成三种球体风味。每一种都对应不同的表达方式,共享同一套克制的视觉语言。

了解更多 联系我们

Product

三个面,三种世界观

atlows的个人网站将作品、观点和审美投射到地球的三个面:深邃岩黑、液态银白、日月交汇。

01 · 冷静

OBSIDIAN

聚焦非洲与欧洲大陆的暗黑地球。黑白基调的能量球体,为清醒、专注和克制表达而调制。用短句、强节奏和明确层级,将复杂经历整理成容易理解的个人表达。

了解 Obsidian

02 · 清醒

CHROME

聚焦美洲大陆的银白地球。像液态银一样快速反射信息,适合展示作品、技能和锋利判断。减少装饰噪音,让网站真正服务于浏览。

了解 Chrome

03 · 锋利

ECLIPSE

聚焦亚洲与太平洋的日月地球。在明暗交界处保留张力,用沉静的视觉让个人表达更有记忆点。像一段可以被用户控制的短片。

了解 Eclipse

Ingredients

成分与益处

每个部分都经过精心设计,共同构成完整的个人品牌系统。

01

清晰叙事

用短句、强节奏和明确层级,将复杂经历整理成容易理解的个人表达。

02

功能美学

减少装饰噪音,保留质感、空间和交互,让网站真正服务于浏览。

03

滚动影像

WebP 帧序列与滚动绑定,像一段可以被用户控制的短片。

Facts

营养事实

这不是传统简历页,而是一份可感知的个人风味标签。

ATLOWS FACTS

Focus 92%
Visual Control High
Motion Feel Cinematic
Palette Black / White
Globe Faces 3 Continents
Load Time < 1.2s

包含:作品入口、品牌叙事、视觉系统、可扩展内容模块。

GLOBE SYSTEM

Variants Obsidian
Style Dark Monochrome
View Africa / Europe
Rotation 0.2°/s
Rendering Canvas 2D
Frame Rate 60 fps

三种地球面,三种世界观。Obsidian 为暗黑基调,Chrome 为银白反射,Eclipse 为明暗交界。

TECH SPECS

Stack Vanilla
CSS Custom Properties
Dark Mode Auto
Responsive Full
Animations Scroll Reveal
Dependencies Zero

纯原生技术栈,零外部依赖。自动跟随系统深色模式,全响应式适配,滚动渐显动画。

Reviews

评论与社会证明

“它不像模板站,更像一支可滚动的黑白广告片。”
5.0 · Creative Lead
“导航很干净,视觉记忆点足够强,内容也没有被动效吞掉。”
4.9 · Product Designer
“球体序列让页面有了高级的节奏感,适合作为个人品牌首页。”
5.0 · Frontend Reviewer

FAQ

常见问题

WebP 序列在哪里修改?

在 app.js 顶部的 variants 数组中修改 frames 路径,或重新运行生成脚本替换 assets/sequences 下的帧。

是否支持浅色模式?

当前版本自动跟随系统偏好,支持浅色和深色模式的无缝切换。

可以改成真实作品集吗?

可以。下方章节是稳定内容骨架,可以直接替换为项目、文章、联系方式和案例链接。

Contact

让下一次访问像拉开一段黑白短片。

开始联系