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 程式設計工具使用。

下載