Octaevo

一个策展式的生活方式物件画廊

柔和、偏重编辑感的调色板，以柔和的粉彩色调和温暖的米白色为主，让摄影作品占据视觉中心。

transitional-serif · geometric-sans

• display50px · 400
• display32px · 400
• body17px · 400
• body15px · 400

采用慷慨、通透的间距，强调编辑感和高端感。

细窄、1px的深色或低不透明度边框，主要用于按钮和轮廓。

rgba(0, 0, 0, 0.03) 0px 2px 4px 0px

分屏式首屏布局，将大尺寸摄影与文本区块交替排列，营造出强烈的编辑节奏感。

元素在滚动出现时采用平滑的淡入过渡 · 交互元素上的悬停不透明度过渡

文本和按钮上的微妙不透明度变化或色彩偏移。 · 立即响应并伴有过渡效果。

• button 一个简单的矩形按钮，带有细窄的深色边框，无背景填充，文字为深色。
• card 极简主义卡片，高度依赖高质量摄影和大号字体排版。
• chip 用于类别（如“家居装饰”）的简单小号文本标签。
• input 在可见的首屏区域中未突出展示。
• hero 分屏或全宽布局，一侧为大尺寸摄影，另一侧为包含标题和行动号召的文本区块。

• 语气 诗意、优雅且富有描述性。
• 标题风格 大号、诗意化的标题，旨在唤起一种情绪而非仅仅描述产品（例如，“绿色的诗意”）。
• 按钮文案 简洁、直接且克制（例如，“立即购买”）。

• 不要使用明亮、饱和的原色——截图显示的是柔和的粉彩色调，如#FDF8EB和#F8EEEE。
• 不要为标题使用粗重、加粗的无衬线字体——截图显示的是用于展示文本的过渡衬线字体。
• 不要在卡片上使用投影或厚重的3D效果——截图显示的是扁平、简洁的设计，边框极少。
• 不要在主容器上使用圆角——截图显示的是尖锐的矩形元素和按钮。
• 不要用多列密集文本过度填充布局——截图显示的是对留白和单列文本区块的慷慨运用。
• 不要为标题使用全大写文本——截图显示的是用于诗意标题的首字母大写样式。
• 避免: 硬性推销语言
• 避免: 咄咄逼人的行动号召
• 避免: 技术术语
• 避免: 拥挤的布局
• 避免: 刺眼的霓虹色