紙白底色上，Al Jazeera 用 Roboto 從 300 到 900 的字重跨度撐起一份高密度報紙：橙色 #fa9000 只做報頭色塊與 8px 欄目眉條，直播紅 #c31833 專屬突發帶、LIVE 徽章與時間軸圓點，所有操作都是 18px 圓角黑膠囊；企業網路頁則翻轉為 #181818 深底、#272967 靛藍首屏與金色分隔線。
Al Jazeera媒體與消費
提示詞範本
基礎範本
Design an Al Jazeera-inspired interface. - Flat white news surface with hairline rules and zero shadows — hierarchy from type weight and density; - Orange #fa9000 only as the masthead logo block and the 8px bar before 300-weight uppercase section eyebrows; - Live red #c31833 reserved for breaking bands, LIVE badges and timeline dots on a silver rail; - Compact black pill controls at 18px radius, email capsule input at 22px; - Roboto across a 300–900 weight spread, with square-cropped 16:9 news photography. Colors: #ffffff, #fa9000, #c31833, #000000, #272967 with #fa9000 accent. Typography: Roboto.
變體提示詞
📱 行動裝置
Design a mobile app with Al Jazeera aesthetics. Use Al Jazeera color identity with #fa9000 accents. Single-column news feed, persistent LIVE pill, and a dot-rail live timeline.
💻 Web 端
Design a web application with Al Jazeera style. Use Al Jazeera color identity with #fa9000 accents. Packed multi-column news grid with hairline rules and a right rail.
📊 儀表板
Design a dashboard with Al Jazeera design language. Use Al Jazeera color identity with #fa9000 accents. Timestamped live updates, Most Popular rankings, and red breaking alerts.
📄 到達頁
Design a landing page with Al Jazeera visual identity. Use Al Jazeera color identity with #fa9000 accents. Masthead logo block, orange eyebrow bars, and photo-dense story cards.
使用範例
Al Jazeera 新聞首頁
Web 端Build a news front page with Al Jazeera design language: white paper surface, orange logo block, 8px eyebrow bars, square 16:9 photography, and compact black pill buttons.
Al Jazeera 直播時間軸
儀表板Create a live-blog dashboard using Al Jazeera style: red LIVE badges, timestamped update blocks on a silver dot rail, and a Most Popular list with oversized slate numerals.
✅ 適用情境
- 新聞媒體與突發報導首頁
- 直播部落格與時間軸頁面
- 廣播集團品牌與領導層介紹頁
❌ 不適用情境
- 需要彩色插畫與圓潤卡片的消費 App
- 以折扣轉換為核心的電商活動頁
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。