Slavakirilenko

一个直接的在线服务数字店面，融合了标准电商模式与激进的促销视觉提示。

以中性基底为主，通过红色和绿色等高对比度促销色形成鲜明的视觉层次。

geometric-sans

• display24px · 400
• body12px · 400
• sm11px · 400

所有主要UI元素和正文均采用几何无衬线字体，以保持简洁、现代且功能化的视觉风格。 · 大写文本转换仅用于标签和次级操作，以提供与主内容的清晰视觉区隔。 · UI元素和标签保持紧凑行高，确保界面信息密度高且布局紧凑。

基于4px标准单位，采用相对紧凑的内边距和间距，形成高密度但结构化的布局。

rgba(0, 0, 0, 0.05) 0px 2px 5px 0px · rgba(0, 0, 0, 0.1) 0px 2px 10px 0px

标准电商网格布局，包含主内容区与用于次级操作的侧边栏。

交互元素的背景色变化采用简单线性过渡。 · 按钮和链接的悬停状态采用快速的变换过渡。 · 背景图像过渡用于细微的界面更新。

通过细微的背景色变化或变换效果指示可交互性。 · 标准指针交互，提供即时视觉反馈。

• button 简洁的文本按钮或纯色按钮，采用最小化内边距，用于登录（LOGIN）和立即注册（DAFTAR SEKARANG）等主要操作。
• card 评论卡片采用白色背景、细微边框和清晰的视觉层次，用于展示用户评价。
• chip 价格标签式徽章（如最低价 TERMURAH），使用红色等高对比度色彩以立即吸引注意力。
• input 标准文本输入框和下拉菜单，具有清晰的边框和极简样式。
• hero 大型视觉主导的促销图像，叠加文本和品牌元素。

• 语气 直接、促销且功能化，聚焦于清晰度和即时行动。
• 标题风格 清晰的大写标签和直白的产品标题，优先传递信息而非风格化表达。
• 按钮文案 突出的行动导向按钮（如LOGIN和DAFTAR SEKARANG），采用纯色和清晰文本。

• 不要使用低饱和度的色盘——截图显示促销徽章采用了高饱和度的红色和绿色。
• 不要在主产品页使用单栏布局——截图显示采用双栏布局和大型主视觉图像。
• 不要依赖细微阴影营造深度感——截图显示较少使用box-shadow，更倾向使用实线边框。
• 不要使用装饰性或手写字体——截图显示严格使用几何无衬线字体。
• 不要在UI元素上使用大圆角——截图显示主要采用直角或微圆角。
• 不要使用深色模式主题——截图显示以白色和浅灰色为主背景。
• 避免: 避免使用过于复杂或装饰性的字体，以免干扰主要信息传递。
• 避免: 避免促销元素使用柔和或低饱和度的色彩，高对比度是网站设计的关键。
• 避免: 避免在主内容区大量使用留白，布局更偏向信息密集型设计。