精选 · 开放 · 免费

Misuko Be

一家专注于健康饮品配方与生产的 B2B 服务提供商。

01

设计气质 DNA

一个为饮料品牌提供服务的、简洁专业的包装设计工作室

02

色彩

沉稳、低饱和度的背景色板，搭配高对比度的纯黑字体。

03

字体

grotesque-sans

• display48px · 500
• heading34px · 400
• body14px · 400

标题使用紧凑的负字距 · 正文保持舒适的 1.36 行高 · 导航链接与正文使用相同的基础字号

04

间距

板块内部采用充裕的内边距（例如，上下各 116px），营造出富有节奏感、呼吸感的布局。

05

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

使用 1px 细边框，颜色为低饱和度色调 (#BCBEB2) 或纯黑 (#000000)，应用于按钮和结构性分隔线。

rgba(0,0,0,0.15) 0px 0px 8px 3px

06

布局

从分屏主视觉区过渡到全宽、交替排列的图文网格。

07

动效与交互

为交互元素应用微妙的透明度和变换过渡效果

文本链接和按钮在悬停时发生颜色变化和微妙的透明度偏移 · 平滑过渡到页面的新板块或外部链接

08

组件

• button 圆角轮廓按钮，采用黑色边框和大写文本；或是简单的文本链接，前缀一个箭头图标。
• card 内容以大型分屏区块形式呈现，而非传统的卡片式设计。
• chip 极少使用标签组件，导航主要依赖简洁的文本链接。
• input 采用细边框的标准表单输入框。
• hero 巨大的分屏区块，一侧是醒目的大标题，另一侧是全高的生活方式图片。

09

文案语气与禁用清单

• 语气 专业、令人信赖，聚焦于合作伙伴关系
• 标题风格 直接、以利益为导向的陈述，关于设计和生产
• 按钮文案 行动导向的提示语，如“联系我们”或“帮我打造自己的品牌”

• 不要使用鲜艳或霓虹色——截屏显示的是米色、棕色和黑色构成的低饱和度、大地色系色板。
• 不要使用厚重的投影——截屏显示元素上的投影极少，几乎难以察觉。
• 不要将主要文案居中对齐——截屏显示标题和正文始终采用左对齐。
• 不要使用多列的杂乱布局——截屏显示的是干净、宽敞的分屏网格。
• 不要使用装饰性或手写体字体——截屏显示的是简洁、功能性的 grotesque-sans 字体排版。
• 不要使用圆角卡片和柔和背景——截屏显示的是锐利的全出血图像和清晰的边框。
• 避免: 避免使用激进的销售语言
• 避免: 避免过于随意或俚语过多的文案
• 避免: 避免使用与饮料生产无关的复杂术语

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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