精选 · 开放 · 免费

Silentshark

一个采用独特手绘美学的深色、氛围感十足的战术模拟游戏界面。

01

设计气质 DNA

一艘潜艇安静、黑暗的指挥中心，配有发光的雷达显示屏。

02

色彩

在深邃的海洋背景与用于关键UI元素的温暖、发光的点缀色之间形成高对比度。

03

字体

casual-script · monospace

• display56px · 600
• body16px · 400

所有文本使用休闲手写字体系列，以营造手绘感。 · 菜单项使用大写字母并增加字间距。 · 点缀文本使用温暖的羊皮纸色以形成对比。

04

间距

菜单项之间宽裕的垂直间距营造出平静、从容的界面。

05

表面 (圆角 / 阴影 / 边线)

按钮和卡片在深色背景上使用半透明的浅色边框。

rgba(17, 28, 38, 0.2) 0px 10px 20px 0px · rgba(7, 11, 16, 0.35) 0px 12px 26px 0px

06

布局

居中列式布局，包含突出的主视觉图像和垂直排列的菜单。

07

动效与交互

悬停时平滑的 transform 和 opacity 过渡。 · 避免花哨动画；保持微妙和氛围感。

菜单项有微妙的背景色变化和轻微的 transform 效果。 · 无明显的按下状态；依赖于光标变化。

08

组件

• button 全宽矩形按钮，具有半透明背景和微妙的悬停过渡效果。
• card 带有嵌入式美术图的大型圆角卡片，用于展示游戏标题。
• hero 戏剧性的居中卡片，带有氛围感十足的美术图和游戏标题。

09

文案语气与禁用清单

• 语气 严肃、富有氛围感且具有战术性。
• 标题风格 手绘风格，温暖而引人入胜，与深色主题形成对比。
• 按钮文案 简洁、直接且不突兀。

• 避免使用明亮、饱和的原色——截图展示的是深色、低饱和度的色调。
• 避免使用尖锐的几何形状或现代无衬线字体——截图展示的是手绘、休闲手写字体排印。
• 避免使用包含多个竞争元素、杂乱拥挤的布局——截图展示的是平静的居中列式布局。
• 避免使用快速、刺眼的动画或过渡效果——截图展示的是平滑、微妙的悬停效果。
• 避免使用张扬、侵略性的行动号召按钮——截图展示的是柔和、半透明的按钮。
• 避免使用白色或非常浅的背景——截图展示的是深邃的深海背景。
• 避免: 避免使用明亮、饱和的原色。
• 避免: 避免使用尖锐的几何形状或现代无衬线字体。
• 避免: 避免使用包含多个竞争元素、杂乱拥挤的布局。
• 避免: 避免使用快速、刺眼的动画或过渡效果。
• 避免: 避免使用张扬、侵略性的行动号召按钮。
• 避免: 避免使用白色或非常浅的背景。

11

System Prompt

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