 ORYNOVA · Apple 极简高定源码样板舱 全部 100% 原生 HTML/CSS 源码 · 零紫色 · 一键复制给 UI 或 AI
← 返回 8788 主控台 昨晚的案例能力中心

不用去爬无代码网站了，源码全在这。

每一套都是现成的纯白 Apple / Polestar / Aman 级组件，点「复制完整源码」就能直接贴进你的页面里。

"}, {"id": "apple-hero-duo", "title": "02. Apple 官网首屏 (iPhone Duo 极简白灰)", "tag": "首屏大图 · 70%留白", "desc": "纯正 #fbfbfd 雪域白底 + #1d1d1f 超大无衬线标题 + #0071e3 双胶囊按钮。", "code": "
\n

ORYNOVA STUDIO PRO

\n

为创造而生。
安静、清晰、统帅全局。

\n

六大智能体协同作战，全链路 SHA-256 落盘审计，像使用 Mac 一样自然流畅。

\n
\n 进入工作空间\n 浏览样板库 ›\n
\n
"}, {"id": "apple-bento-grid", "title": "03. Apple Bento 便当盒特性矩阵", "tag": "Bento Grid · 18px圆角", "desc": "苹果发布会最经典的便当盒分栏卡片，浅太空灰 #f5f5f7 底色配纯白大圆角卡片。", "code": "
\n
\n
\n MULTI-AGENT ENGINE\n

六位 AI 专家，同屏听令。

\n

主席调度、架构拆解、代码落盘、财务精算，毫秒级响应。

\n
\n
\n ZERO HALLUCINATION\n

Unified Diff 审批落盘

\n

未经批准绝不覆写原文件，支持一键快照回滚。

\n
\n
\n
"}, {"id": "macos-glass-nav", "title": "04. macOS 顶部高斯毛玻璃导航栏", "tag": "Glassmorphism · 导航", "desc": "Apple.com 同款 48px 极窄毛玻璃吸顶导航，带 180% 饱和度模糊滤镜。", "code": "
\n
 ORYNOVA
\n \n \n
"}, {"id": "polestar-grid", "title": "05. Polestar 极星工业冷峻网格样板", "tag": "Polestar风 · 瑞士网格", "desc": "极致冷峻的 1px 细线网格排版，黑白对比 + 工业级秩序感。", "code": "
\n
\n
\n
01 / ARCHITECTURE
\n
纯净架构
\n

剥离一切冗余视觉噪音，只保留核心算力与操控反馈。

\n
\n
\n
02 / PRECISION
\n
像素级比对
\n

内置 Loupe 视觉验收，间距与圆角精确至 1px。

\n
\n
\n
03 / VERIFICATION
\n
26/26 全绿验收
\n

每一次代码改动均附带 SQLite 本地加密回执。

\n
\n
\n
"}, {"id": "aman-editorial", "title": "06. Aman 安缦静奢留白叙事画廊", "tag": "Aman老钱风 · 奢华留白", "desc": "超宽画幅与克制留白，适合高端航旅签证、私人定制与品牌门面。", "code": "
\n

PRIVATE CONCIERGE & GLOBAL MOBILITY

\n

山海无界，从容抵达每一处远方

\n

一对一私密顾问服务，涵盖全球 12 大核心签证与商务航旅定制。

\n \n
"}, {"id": "macos-command-studio", "title": "07. Apple 纯白三栏智能体作战室 (完整工作台骨架)", "tag": "IDE工作台 · 去紫纯白版", "desc": "可直接替代紫黑旧界面的 macOS 纯白三栏操控台源码（左智能体 + 中 Diff/画布 + 右回执）。", "code": "
\n
\n \n
\n
\n

Mission / ACTIVE_RUN

\n 26/26 PASS\n
\n
\n
// Unified Diff 实时预览舱
\n
- background: #141126; /* 旧暗紫色 */
\n
+ background: #fbfbfd; /* Apple 雪域白 */
\n
\n
\n \n
\n
"}, {"id": "apple-spotlight-cmdk", "title": "08. macOS Spotlight 悬浮指令坞 (⌘K)", "tag": "底部Dock · 胶囊输入框", "desc": "复刻 macOS 聚焦搜索的悬浮毛玻璃胶囊输入栏，带快捷技能标签。", "code": "
\n
\n 🔍\n \n \n
\n
"}]; const box = document.getElementById('list'); ITEMS.forEach((item, idx) => { const wrap = document.createElement('div'); wrap.className = 'card'; wrap.innerHTML = `
${item.tag}

${item.title}

${item.desc}

${item.code}

  `;
  box.appendChild(wrap);
  document.getElementById('code-' + idx).textContent = item.code;
});

function toggleCode(i) {
  const el = document.getElementById('code-' + i);
  el.style.display = el.style.display === 'block' ? 'none' : 'block';
}
function copyCode(i) {
  navigator.clipboard.writeText(ITEMS[i].code);
  const btn = document.getElementById('copy-btn-' + i);
  const old = btn.textContent;
  btn.textContent = '✅ 已复制 HTML 源码！';
  setTimeout(() => btn.textContent = old, 1800);
}