Schoooool

一个置于柔和梦幻渐变背景之上的趣味3D动画角色

柔和、近似粉彩的渐变色彩营造出温暖、富有童趣且如梦似幻的氛围。

monospaced

• body14px · 400

所有UI文本均使用等宽字体，以强化其实验性和趣味感。

宽松开阔，元素周围留有充足的 padding。

主要元素上无可见边框；采用柔和圆润的容器。

None: None

居中的单栏布局，带有浮动的UI元素。

微妙的3D角色动画或待机动作。 · UI元素的柔和渐入与过渡效果。

交互元素上微妙的缩放或亮度变化。 · 极简的视觉反馈，保持柔和的美学风格。

• button 柔和、圆润的药丸形按钮，对比度较低。
• card 柔和、圆润的容器，带有微妙的透明度或纯色背景。
• chip 小巧、圆润的标签状元素，用于导航。
• input 柔和、圆润的输入框，带有微妙的背景色。
• hero 中央的3D角色置于圆形框内，背景为渐变色。

• 语气 俏皮、奇趣且富有实验性。
• 标题风格 简短、直接或留白，让3D角色主导视觉。
• 按钮文案 柔和、圆润且不突兀。

• 避免使用尖锐的直角边角——截图显示为柔和的药丸形元素。
• 避免使用纯白背景——截图显示为温暖的多彩渐变。
• 避免在明亮背景上使用高对比度的深色文本——色彩搭配是柔和且低调的。
• 避免使用复杂、密集的网格布局——截图显示为简洁、居中的布局。
• 避免使用单一、占主导地位的高饱和度强调色——色彩搭配是柔和粉彩的融合。
• 避免使用衬线或无衬线字体——截图使用的是等宽字体。
• 避免: 正式语言
• 避免: 密集的文本块
• 避免: 激进的CTA
• 避免: 高对比度的刺眼UI