Helloimwilda

专注电影与电视剧内容的数字化视频商店或流媒体中心。

采用白色背景与黑色文字确保可读性，选用柔和的薄荷绿作为主导航与高亮状态的主强调色。

sans-serif

• display24px · 700
• body14px · 400
• small12px · 400

区块标题采用加粗字重以强化层级。 · 正文使用常规字重以保障阅读舒适度。 · 小号文字用于日期、评分等元数据信息。

基于4px基准单位建立统一间距系统，在区块与组件间形成清晰的视觉分隔。

1px solid rgba(0, 0, 0, 0.1)

0 1px 3px rgba(0, 0, 0, 0.1) · 0 4px 6px rgba(0, 0, 0, 0.1)

采用网格化布局，左侧设置突出的主视觉轮播区，右侧为侧边栏列表，下方呈现多栏电影海报网格。

轮播幻灯片采用水平移动过渡效果。 · 电影卡片的悬停效果可能包含细微的缩放或阴影变化。

在电影卡片与导航链接等交互元素上实现细微的高度或透明度变化。 · 提供即时反馈，通常表现为按钮与链接的视觉状态切换。

• button 极简圆形搜索图标按钮。
• card 圆角电影海报卡片，展示标题、播放量及评分。
• chip 带有星形图标的评分徽章（如9.0）。
• input 圆角搜索栏，包含占位文本。
• hero 大型宣传轮播区，包含图片、导航箭头与分页指示点。

• 语气 信息明确且富有吸引力，聚焦于内容发现。
• 标题风格 清晰简洁，区块标题采用加粗文本。
• 按钮文案 风格克制，主要通过搜索与导航等交互元素实现。

• 勿使用深色背景——截图显示主内容区域为白色背景。
• 勿使用衬线字体——整体排版明显采用无衬线字体。
• 勿使用复杂导航结构——顶部导航栏为简洁的扁平分类列表。
• 勿使用大型装饰性字体——区块标题虽加粗但不过度放大。
• 勿使用单色方案——薄荷绿强调色在标题栏与激活状态中表现突出。
• 勿使用繁复阴影或纹理——设计依赖于简洁线条与细微边框。
• 避免: 使用过于复杂的语言或术语。
• 避免: 引入与内容竞争的干扰性动画。
• 避免: 过度使用装饰性元素。