精選 · 開放 · 免費

Kippo

一款專為玩家設計、採用大膽暗色主題的約會應用程式登陸頁，具有高對比霓虹強調色。

01

設計氣質 DNA

霓虹閃爍的街機廳與現代社交中心的結合。

02

色彩

採用高對比暗色模式，搭配單一霓虹粉紅強調色與單色階文字層次。

03

字型

monospace · Source Code Pro

• display42px · 700
• body12px · 400

所有文字採用大寫形式 · 正文與展示文字大量使用單字型字體 · 標題與導覽文字採用寬鬆字距

04

間距

基於 4px 基礎網格，搭配充足內距以創造呼吸空間。

05

表面 (圓角 / 陰影 / 邊線)

1px solid rgba(255, 255, 255, 0.15)

0 4px 24px rgba(0, 0, 0, 0.5)

06

版面

不對稱雙欄首頁佈局，左側為文字區，右側為裝置示意圖。

07

動效與互動

懸停時的透明度轉場（0.2 秒） · 互動元素的平滑懸停狀態

互動元素的透明度變化。 · 即時視覺回饋。

08

組件

• button 實心霓虹粉紅按鈕，搭配粗體單字型文字。
• card 深灰色面板，帶有細微 1px 邊框。
• chip 無可見元件。
• input 無可見元件。
• hero 大型大寫文字，搭配帶有彩色陰影強調的裝置示意圖。

09

文案語氣與禁用清單

• 語氣 自信、充滿活力且以玩家為核心。
• 標題風格 粗體、大寫、寬鬆字距的單字型字體。
• 按鈕文案 直接的大寫單字型指令。

• 請勿使用襯線字體——截圖顯示僅使用單字型／無襯線字體。
• 請勿使用白色背景——截圖顯示以黑色為主的背景。
• 請勿使用低對比色彩——截圖顯示黑底上的高對比白色與霓虹粉紅。
• 請勿在標題中使用小寫字母——截圖顯示所有文字均為大寫並帶有寬鬆字距。
• 請勿使用柔和或細微的強調色——截圖顯示鮮明的霓虹粉紅（#EE1F66）。
• 請勿使用細邊框——截圖顯示 1px 邊框或無邊框。
• 避免: 襯線字體
• 避免: 柔和色調色板
• 避免: 正式商業語言

10

包內真實截圖

擷取自真實頁面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko