Casyoo
LED 灯具与 LED PCB 的 OEM/ODM 制造商站,深色实拍 Hero 开场,随后用产品分类、制造能力、应用场景层层递进,最终导向定制询价。
将此技能文档导入 WorkBuddy、Codex、豆包、DeepSeek 等 AI,即可分析该网站并输出深度分析报告。
设计相关内容
布局
吸顶导航(Products / Applications / Capabilities)→ 深色产品实拍 Hero(主标题 + CTA)→ 主产品分类卡片 → 核心制造能力 → 应用场景 → OEM 项目 CTA → 最新文章 → FAQ → 询价表单 → 页脚。
色彩体系
主色橙色 #ff6619,辅助琥珀 #ffcd57,米白底 #f6f5f1 作内容分隔,深色 Hero 区 #5D5D5C,背景 #ffffff。
字体排版
标题与正文统一 DM Sans,无衬线几何感强,标题字重 700、正文 400,行高宽松。
设计风格
科技制造风。深色 Hero 与白底内容交替形成节奏,橙/琥珀作为唯一行动色贯穿全站,突出 OEM 交付与技术参数,视觉重点始终落在产品实拍上。
页面结构
Sticky Header Dark Hero Product Categories Core Manufacturing Capabilities Applications OEM Project CTA Latest Posts FAQ Inquiry Form Footer
目标受众
海外 LED 灯具品牌商、工程商与需要 OEM/ODM 的采购负责人。
UI 组件
吸顶导航 深色 Hero 分类卡片 能力 Tab 应用场景墙 FAQ 折叠面板 询价表单 Cookie 同意条
响应式要求
分类网格 4→2→1 列响应式;吸顶导航在移动端折叠为汉堡菜单,Hero 文字缩小并下移 CTA。