Eatbehave

一个现代、充满活力的糖果品牌，运用粗体字排版和充满能量的摄影，传达出趣味感和对传统糖果的叛逆态度。

一个充满活力、温暖的配色方案，以深紫色墨水色和高饱和度红色点缀色为主，衬以柔和的粉白色背景。

geometric-sans · humanist-sans

• display64px · 800
• h148px · 800
• body16px · 400

标题采用粗体、几何感无衬线字体，字间距紧凑。 · 正文使用清晰易读的人文主义无衬线字体。 · 按钮使用大写、粗体排版。

基于一致的4px网格，在区块之间使用显著的间距进行扩展。

1px solid rgba(74, 44, 138, 0.1)

0 4px 24px rgba(74, 44, 138, 0.15)

全宽主图，搭配居中的叠加内容，随后是一个居中的内容区。

弹窗遮罩层平滑淡入。 · 导航和按钮可能存在hover过渡效果。

按钮和链接等交互元素具有微妙的颜色或透明度变化。 · 即时响应，可能伴有细微的缩放或颜色变化。

• button 大型、全宽、圆角胶囊形状的按钮，采用粗体大写文字和高对比度颜色（青柠绿、粉色）。
• card 在可见部分中不突出。
• chip 不突出。
• input 简洁的扁平化输入框，带有占位符文字，边框极简。
• hero 全出血、高能量的生活方式摄影，覆盖有大型、粗体、半透明的排版。

• 语气 俏皮、自信且略带叛逆。
• 标题风格 大型、粗体、直接的陈述（例如 'LESS SUGAR MORE CANDY'）。
• 按钮文案 行动导向且清晰（例如 'SHOP BEHAVE', 'CONTINUE'）。

• 避免使用柔和的、粉彩的颜色——截图显示的是一个充满活力、高能量的配色，包含红色点缀色和紫色墨水色。
• 避免在标题中使用纤细、轻薄的排版——截图显示的是粗厚、粗体、几何感的无衬线字体。
• 避免使用纯白色背景——截图使用的是柔和的粉白色 (#FFF5F5) 和用于文字的深紫色 (#4A2C8A)。
• 避免使用标准的矩形按钮——截图特色是圆角胶囊按钮，搭配粗体、大写文字。
• 避免使用微妙、低对比度的图像——截图使用的是全出血、高能量的生活方式摄影。
• 避免使用复杂、杂乱的布局——截图显示的是一个简洁、单栏、注重焦点的布局，带有充足间距。
• 避免: 被动语态
• 避免: 企业术语
• 避免: 过于复杂的句子