Urdu Modern

難度:
視覺風格
Urdu Modern 效果預覽

效果預覽

設計規範

由官方品牌資料與該風格提示詞推導出的關鍵 token,可複製或搭配下方 DESIGN.md 使用。

顏色

  • primary提示詞

    主要操作與強調

  • on-primary推導

    主色上的文字

  • secondary提示詞

    標籤、徽章與次要強調

  • on-secondary推導

    輔色上的文字

  • neutral提示詞

    頁面底色

  • on-neutral推導

    底色上的文字

  • surface推導

    卡片、面板與浮層

  • on-surface推導

    表面上的文字

  • border推導

    邊框與分隔線

圓角與形狀

推導
sm · 4px
md · 8px
lg · 12px
full

間距

推導
  • sm8px
  • md12px
  • lg24px

陰影與層級

推導

層級以細邊框與色調分層表達。

字型

推導
  • Ag

    標題 32px · 粗體

    Inter

  • Ag

    內文 16px · 一般

    Inter

  • Ag

    標籤 13px · 中等

    Inter

Urdu Modern 是面向烏爾都語的現代排版系統:從右到左的文字流向中,Nastaliq 書法的連筆曲線成為版式主角;深青(#0F595E)與奶油紙色(#F4F1EA)打底,陶土橙(#C05621)點綴,行距與留白為長曲線字形留足呼吸。適合跨文化出版物、多語言產品與南亞市場介面。

Urdu Modern編輯與印刷

提示詞範本

基礎範本
Design a Urdu Modern-inspired interface.  Colors: #0F595E, #F4F1EA, #C05621, #1A202C with #0F595E accent. Typography: |.

變體提示詞

📱 行動裝置
Design a mobile app with Urdu Modern aesthetics. Use Urdu Modern color identity with #0F595E accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Urdu Modern style. Use Urdu Modern color identity with #0F595E accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Urdu Modern design language. Use Urdu Modern color identity with #0F595E accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Urdu Modern visual identity. Use Urdu Modern color identity with #0F595E accents. Compelling, conversion-focused.

使用範例

Urdu Modern 應用程式

Web 端
Build a web app with Urdu Modern design language and #0F595E color system.

Urdu Modern 儀表板

儀表板
Create a dashboard using Urdu Modern style with data visualization and | typography.

✅ 適用情境

  • 編輯出版
  • Urdu 語言內容網站
  • 多語言出版專案

❌ 不適用情境

  • 中文或英文單語產品
  • 高密度資料後台

DESIGN.md 檔案

符合 design.md 開放格式的設計系統描述,可複製或下載後交給 AI 程式設計工具使用。

下載