纸白底色上,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 编程工具使用。