K38 首页全套 项目报告

2026.07.20 k38.ai 5路会审 全栈迭代 由小葡萄（Hermes Agent）在 ECS 新加坡服务器上整理的完整项目地图。 供腾讯 Mark 分析。

📋 一句话总结

7月20日，用16小时完成 k38.ai 首页从暖色Georgia风格 → 暗色技术派（代码雨背景+紫色主题+K38品牌矩阵）的全套改版。 经历了4轮完整设计迭代、5次多AI会审（Kimi/Gemini/CC/520/Codex），最终定档为深色技术风 #0b0b10 + #7c3aed 紫色主题，JetBrains Mono 字体的代码演化风格。同时完成的还有 K99 Eclipse 328 产品页、Inside Eclipse 328 工程透明页、模型用量看板、以及福桃财务看板的3表新增。

4设计迭代轮次
5AI 评审参与
12h实际工作时间
187k38.ai HTML页面数

一、首页设计演进 · 四轮迭代

全天经历了 4 次完整推翻重来 的设计迭代，每次都是全新方向、全新配色、全新语义体系。以下是完整演进路径：

方向A — 暖色Georgia·搜索融合 00:00-00:45

方向A · before-merge

暖色Georgia · 金色复古

暖色调 #0d0a08 + #d4a574 金色主题，Georgia 衬线字体，搜索面板融合，暗色复古风。

关键特征

搜索框+特色卡片

圆形搜索框(30px圆角)、Quick Links 快捷入口、Featured 特色卡片、滚动提示动画、金色/Georgia 登录模态框。

← 上一版（7/14）
Anthropic 深色风格
大面积卡片布局
36KB 代码体积
信息密度高但缺视觉焦点
方向A 新增 →
暖色调 #0d0a08 + #d4a574
Georgia 衬线字体
搜索框+快捷入口+Featured
搜索按钮 K!!!!!
登录模态框 OAuth+邮箱

方向B — Google风格搜索 00:41-00:45

在方向A基础上，将搜索功能提升为核心交互，Google Material 风格搜索框（640px×48px/24px圆角），合并了搜索提示、快捷入口、登录功能。但最终 KK总 认为"搜索框太重了，首页不是搜索引擎"。

方向C — Apple/Stripe 灵感 00:45-04:54

before-apple（24KB, 354行）关键特征： • 全屏Hero：渐变K38 Logo（background-clip: text） • 大号tagline：Where Intelligence Meets Imagination • hero-badge：金色圆角标签徽章 • 圆角按钮（30px）：primary 金色渐变 / secondary 边框 • 渐变背景覆盖层（radial-gradient从金色到黑色） • 滚动提示动画（scroll-hint 圆角胶囊） • 双列featured卡片：平移悬浮效果（translateY(-3px)） • 三列what-we-do卡片：golden线下划线 • 搜索覆盖层（全屏blur + 圆角搜索框） • 完整登录模态框（OAuth Google/GitHub + 邮箱+注册）

方向C 被 Gemini 评审认为是"品牌最统一的一版"——但 KK总 判断"太像 landing page模板，不够 K38"。Gemini 说"方向C 风格错位，建议走技术派路线"，KK总 认可后全盘推翻。

方向D — 最终版：暗色技术派·代码雨 04:54-05:32

最终版 index.html（12KB, 244行）核心特征： 🎨 配色系统：#0b0b10 背景 + #7c3aed 紫色强调 🔤 字体：JetBrains Mono（技术感）+ Inter（正文） 🎬 背景：Matrix代码雨Canvas动画（紫色调） - 字符集：'K38AIDNTRESCHXMP{}[]();:./*-+=><' - 5层渐变亮度的紫色拖尾（最亮#d8b4ff → 最暗10%透明度） - 半透明覆盖层实现消退效果（rgba(11,11,16,.055)） - 每列独立速度/随机字符变化 - 50% 整体透明度 (c.style.opacity='0.5') 📐 扫描线覆盖层（repeating-linear-gradient） 📌 Hero：预标签 "// K38 Research" + h1 "K38" + 代码行提示 🎯 按钮：紫色实心primary + 紫色边框secondary 📦 Featured项目卡片（2列网格）：K99 Eclipse 328 / AINA DAY 🏢 What We Do（3列）：Research / Brand / Scale 🔗 导航：Research / K99 Labs / Insights / Sign In 📱 响应式：hamburger菜单、单列网格 ⚡ 全站仅12KB（启动性能优化）

二、今天完成的所有项目

00:00-00:45
🔄 首页方向A：暖色Georgia · 金色复古
暖色调 #0d0a08 + #d4a574，Georgia 衬线字体，搜索框+K!!!!!按钮+快捷入口+Featured卡片+登录模态框。备份：before-merge → google-style
00:45-04:54
🔄 首页方向C：Apple/Stripe 灵感 · 渐变品牌
全屏Hero（渐变K Logo）、tagline、金色按钮（30px圆角）、双列卡片悬浮效果、全屏搜索覆盖层、登录模态框。备份：before-apple（24KB，354行）
04:54-05:32
🔄 首页方向D：暗色技术派 · 代码雨背景
经 Gemini 品牌评审+KK总决策，全盘推翻方向C。定调：深色#0b0b10 + 紫色#7c3aed + JetBrains Mono。亮点：Matrix代码雨Canvas动画（紫色5层渐变拖尾）、扫描线overlay、仅12KB。
05:32-now
🔄 CC派去优化代码雨动画
当前代码雨动画存在"列不走的伪静态"问题（每列速度快导致实际看到的是原地闪烁），已派CC去改成真正流动的代码雨效果。

同日其他交付物

项目时间说明状态
K99 Eclipse 328 产品页 7/17 晚-7/18 竞品对比表（HLG/AC Infinity/Mars Hydro）、grow-lights.html，产品定位分析（CC建议走4'×4'高端路线） ✅ 已上线
Inside Eclipse 328 工程透明页 7/18 凌晨 嵌入3D三折叠交互、4张渲染图、6大核心组件拆解、工程宣言（"不营销，只展示"） ✅ k38.ai/inside-eclipse-328.html
K99 三折叠3D交互 7/18 4版迭代（v1-v4），K3版三折叠3D展示，移动端适配方案 ✅ k99-tri-fold*.html
模型用量追踪看板 7/17 深夜 追踪CC中转($27.30)+DeepSeek余额(¥571.05)+Ollama+Gemini，30天趋势图+日报cron(22:00) ✅ k.k38.ai/usage.html
福桃财务看板升级 7/18 凌晨 新增3表：费用明细/预算执行/资产负债表，会计年度改为2026.4-2027.3，全部9个API验证通过 ✅ 6 Tab已上线
Provider健康诊断 7/18 下午 DeepSeek断连排查：Mac本地代理残留(HTTP_PROXY=127.0.0.1:7890)，修复~/.zshrc ✅ 已恢复
K99供应商询价 7/18 Diamond-AI散热材料询价：力量钻石/黄河旋风/惠丰钻石，中英双语邮件skill已存 ✅ 已发

三、技术架构

首页技术栈

纯HTML+CSS+JS Canvas 2D CSS Custom Properties JetBrains Mono Inter Flexbox/Grid requestAnimationFrame

部署架构

新加坡 ECS (47.82.162.85) └─ Nginx → /var/www/k38/ → k38.ai └─ Nginx → /var/www/k-k38/ → k.k38.ai (密码保护) └─ auth server 127.0.0.1:8769 CDN：阿里云香港 ECS (47.86.98.87) 作为备份

AI 协作链路

KK总 (决策) → Hermes/小葡萄 (编排) → CC/Claude Code (工程实现) → Kimi K3 (UI/UX 审查) → Gemini (品牌终审) → 520/GLM 5.2 (商业分析) → Codex (架构审查) 品牌决策权重：Gemini 有最终否决权 ✅

四、设计决策记录

决策选择理由
配色方向 #0b0b10 深色 + #7c3aed 紫色 ✅ 拒绝暖色Georgia（太像复古品牌）、拒绝金色（太像模板），选技术派深紫
字体系统 JetBrains Mono + Inter ✅ 技术公司定位，代码美学。拒绝Georgia（衬线太柔）、拒绝纯Inter（不够特色）
背景动画 Matrix 代码雨 (Canvas) ✅ 科技感+品牌记忆。拒绝粒子/星云/渐变网格（太常见）
搜索功能 去中心化+导航链接 ✅ 首页不是搜索引擎，搜索放在 k.k38.ai 内页
品牌描述 "Where Intelligence Meets Imagination" ✅ 保留tagline，配合代码行提示"$ system.build --intelligence --imagination"
产品陈列 Featured卡片 (K99 + AINA DAY) ✅ 仅展示已上线/可访问的旗舰项目，不塞full list
K99对标 Gavita 1700e / Fluence SPYDR 2i ✅ CC建议：放弃HLG/AC Infinity/Mars Hydro，对标专业级

五、元数据

报告生成时间2026-07-20 05:35 (UTC+8)
服务器新加坡 ECS (47.82.162.85)
Agent小葡萄 (Hermes Agent) · deepseek-v4-flash
设计风格代号方向D — 暗色紫色技术派 · Matrix 代码雨
当前线上版本index.html (12,364 bytes, 244行) · 2026-07-20 05:32
备份策略每轮彻底备份：0:41/0:45/4:54 → 可随时回滚到任一方向
k38.ai 总页面187个HTML页面（含调研报告/产品页/看板/设计原型）

六、给腾讯 Mark 的附录

K38 是一个以 AI 基础设施（GPU集群）+ 跨境电商品牌孵化为核心的数据驱动型公司。 首页的定位不是企业官网，而是"作战指挥中心"——它需要传达：

💡 品牌叙事

Intelligence × Imagination

数据驱动的智能（AI基础设施+市场调研）× 创造力的想象（品牌设计+产品创新）

🎯 产品矩阵

四条业务线

GPU集群（十六万M3U512G等）｜K99 LABS植物灯｜AINA DAY培育钻｜调研咨询

🛠️ 技术特征

全栈自研+5 AI协作

五路会审（Kimi/Gemini/CC/520/Codex），Hermes编排，纯静态HTML部署

📍 商业特点

跨境DTC孵化器

中国供应链（河南/四川/广东）→ 美国市场（Shopify+Etsy+Amazon FBA）

当前首页 方向D 仍在开发中（代码雨动画正在由 CC 优化流动效果），
后续计划：登录系统对接 auth server、首页项目卡片扩展、搜索功能集成。

📋 Mark诊断已消化：已修复 Sign In（alert→弹窗模态框）、Eclipse 328卡片（k99labs.com→grow-lights.html）。三大链接验证均正常。🍇

Generated by 小葡萄 (Hermes Agent) · K38 Engineering · 2026-07-20