精選 · 開放 · 免費
Nuri
一個俏皮的金融科技應用程式登陸頁面,以大膽、多彩的視覺風格宣告 Nuri 品牌的回歸。
FintechConsumerMobile UIBold TypographyPlayful
01
設計氣質 DNA
金融科技加密貨幣銀行服務應用程式優先重新推出
一個現代、俏皮的挑戰者銀行,正在重新推出其品牌識別。
02
色彩
#1A1A1AInk
#C2A5E3BG
rgba(26, 26, 26, 0.1)Line
以飽和的純色粉彩背景,襯托高對比的深色排版。
03
字型
grotesque-sans
厚重、字距緊湊的展示用字體。 · 描述文字使用常規字重。 · 大寫文字僅點綴性地用於強調。
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
標題、副標文字與表單之間,採用充裕的垂直間距。
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
輸入欄位採用實線邊框。
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
全版面首頁區塊,文字置於左側,攝影插圖置於右側。
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
按鈕的細膩狀態變化。 · 標準按鈕點擊行為。
08
組件
- button 膠囊形實色按鈕。
- card 標準應用程式商店徽章。
- chip 膠囊形輸入欄位容器。
- input 極簡輸入欄位,附有國碼下拉選單。
- hero 全視窗首頁區塊,包含大型文字、輸入表單,以及一張將卡片插入仙人掌的手部攝影插圖。
09
文案語氣與禁用清單
- 語氣 自信、直接,略帶俏皮感。
- 標題風格 大膽、宣告式,帶有刪除線,略顯前衛。
- 按鈕文案 簡潔直接(「Get App」)。
- 勿使用細體或輕字重字體——截圖顯示的是厚重、粗體的展示用文字。
- 勿使用白色背景——截圖顯示的是純色薰衣草背景。
- 勿使用小型、複雜的 UI 元件——截圖顯示的是大型、清晰、極簡的表單元素。
- 勿使用複雜的多欄佈局——截圖顯示的是清晰的左對齊首頁區塊。
- 勿使用霓虹色或高飽和的強調色——截圖使用的是純色、柔和的粉彩背景。
- 勿使用襯線字體——截圖顯示的是現代、幾何風的 grotesque-sans 無襯線字體。
- 避免: 雜亂的佈局
- 避免: 單調或過於柔和的粉彩色調
- 避免: 複雜的排版層級
11
System Prompt
這是一個金融科技應用程式 Nuri 的登陸頁面,將自身定位為現代、俏皮的挑戰者銀行。其設計特色在於使用厚重、粗體的 grotesque-sans 排版,搭配純色薰衣草(#C2A5E3)背景。簡潔的左對齊佈局包含大型標題、簡潔的手機號碼輸入表單及應用程式商店徽章。關鍵色彩包括薰衣草背景與深色(#1A1A1A)文字。關鍵設計限制:避免使用細體字、避免白色或複雜背景、避免使用襯線字體。整體視覺風格為極簡、自信,並略帶前衛感。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗
en · zh-CN · zh-TW · ja · ko