SuperAPI AI 工具集

landing-page-guide-v2

设计与创作

查看项目

更新于 10-16 03:42

技能介绍

用途:该技能用于创建兼具高转化率与独特视觉风格的落地页、营销页或产品页,尤其适合基于 Astro 的推广网站,以及需要避免通用模板感、让访客记住品牌的页面。

主要能力:围绕 DESIGNNAS 的 11 项必备要素组织页面,包括关键词 URL、公司 Logo、SEO 标题与副标题、主 CTA、社会证明、图片或视频、核心卖点、客户评价、FAQ、最终 CTA、联系方式与法律页脚。每项要素同时要求功能性与设计卓越性。技能强调先确定一个大胆的美学方向(如极简、极繁、复古未来、自然有机、杂志编辑、粗野主义),再定义字体、配色、动效与空间系统。

使用方式:先完成设计思考,明确品牌、受众与差异化,选定美学方向并记录设计系统;随后用 CSS 变量搭建设计系统,按指定项目结构在 Astro 中构建组件(Header、Hero、MediaSection、Benefits、Testimonials、FAQ、FinalCTA、Footer)。技术栈要求 Astro 5+、TypeScript、Tailwind CSS,优先使用原生 Astro 组件与 Island 架构,减少客户端 JavaScript。

适用场景:需要高转化且视觉出众的营销落地页、产品推广页、品牌体验页。

限制:资料未提供具体安装命令、价格、平台支持范围或效果数据;部分代码示例在资料中被截断,无法完整呈现。所有 11 项要素被要求必须包含。