Oracle

Oracle
难度:
行业风格
Oracle 效果预览

效果预览

设计规范

由官方品牌资料与该风格提示词推导的关键 token,可复制或配合下方 DESIGN.md 使用。

颜色

  • primary品牌色

    主操作与高亮

  • on-primary推导

    主色上的文字

  • secondary推导

    标签、徽章与次级强调

  • on-secondary推导

    辅色上的文字

  • neutral提示词

    页面底色

  • on-neutral推导

    底色上的文字

  • surface推导

    卡片、面板与浮层

  • on-surface推导

    表面上的文字

  • border推导

    边框与分割线

圆角与形状

提示词
sm · 2px
md · 4px
lg · 6px
full

间距

推导
  • sm8px
  • md12px
  • lg24px

阴影与层级

提示词

层级由柔和、低对比度的阴影表达。

字体

推导
  • Ag

    标题 32px · 粗体

    Inter

  • Ag

    正文 16px · 常规

    Inter

  • Ag

    标签 13px · 中等

    Inter

Oracle 的界面几乎不靠彩色建立企业感:从 #ffffff 到 #211e1c 的六级暖中性色阶承担全部分区,页面以无圆角、无阴影的通栏色带逐级过渡。Oracle Sans 在企业总览页用 300 字重写超大标题,产品页却换成 Georgia 衬线,正文 350 与标题 800 之间拉开极端对比。唯一的红色 #c74634 只出现在字标,主操作统一用暖炭黑 #312d2a 的 4px 圆角按钮,标题下一条 40×4px 金线是全站仅有的装饰。

Oracle专业与企业

提示词模板

基础模板
Design an Oracle-inspired interface. - A six-rung warm neutral ladder (#ffffff, #fbf9f8, #f5f4f2, #f1efed, #e4e1dd, #211e1c) carrying every full-bleed band, square-cornered and free of shadows; - Two display registers: Oracle Sans at weight 300 for corporate index headlines, Georgia serif at 36-56px across product pages; - An extreme weight jump from 350/400 body copy to 800 section headings, with letter-spacing held at zero; - Actions in warm charcoal #312d2a at a 4px radius with 10px 16px padding, never a coloured CTA; - Oracle red #c74634 reserved for the wordmark, and one 40x4px gold #f0cc71 rule under the hero headline; - Chromatic colour only at full-band scale, as teal #d6e5e5 strips and forest #33553c bands. Colors: #ffffff, #f1efed, #312d2a, #c74634 with #c74634 accent. Typography: Oracle Sans and Georgia serif.

变体提示词

📱 移动端
Design a mobile app with Oracle aesthetics. Layer warm neutral surfaces, set headings in Georgia and keep actions in charcoal; the red wordmark supplies the only colour. Calm, touch-friendly, native feel.
💻 Web端
Design a web application with Oracle style. Stack full-bleed neutral bands, use Georgia for product headlines and 800-weight Oracle Sans for sections. Professional, responsive layout.
📊 仪表板
Design a dashboard with Oracle design language. Separate panels with hairlines and tonal steps instead of shadows, and reserve charcoal for the active state. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Oracle visual identity. Open on a warm canvas with a Georgia headline, a 40x4px gold rule and a quiet charcoal CTA. Compelling, conversion-focused.

使用示例

Oracle 云产品目录

Web 端
Build a web catalogue with Oracle design language: warm neutral bands, Georgia headlines, charcoal buttons and a single red wordmark.

Oracle 数据控制台

仪表板
Create a dashboard using Oracle style with hairline-divided tables, 800-weight headings and no shadows.

✅ 适合场景

  • 大型企业软件与数据库官网
  • 面向 CIO 的解决方案目录
  • 需要克制高级感的产品文档

❌ 不适合场景

  • 强调霓虹与动效的创意作品集
  • 面向儿童的活泼教育应用

DESIGN.md 文件

符合 design.md 开放格式的设计系统描述,可复制或下载后交给 AI 编程工具使用。

下载