Svelte
开发工具与科技 · 前端开发框架
Svelte 官网通过简短定位、编译器图示和入门按钮解释其前端开发理念。文档、教程、Playground 与社区内容紧密连接，兼顾新用户理解和开发者深入使用。SvelteKit 技术归类有公开技术案例支持。
点评
Svelte 官网的强项是高度克制的开发者产品沟通。首屏用简短定位和可视化图示解释框架的核心差异，不要求访客先阅读冗长营销文案；文档、教程和 Playground 在主导航中占据明确位置，让产品学习过程成为主要转化路径。最值得借鉴的是将“理解产品—尝试产品—加入社区”组织为连续体验，适合开源工具、API 产品和技术型 SaaS。相对而言，首页并没有传统商业网站常见的定价、客户案例和销售咨询链路，因此不能直接作为面向企业采购的商业官网模板。
站点结构
- 建站平台
- Custom/Headless
- 框架
- SvelteKit
- 首屏
- 明确的产品定位、示意图与入门CTA
- 导航
- Docs、Playground、Tutorial、Packages、Blog
- 字体
- 大号无衬线标题、紧凑文档文字
- 图片
- 产品图示、代码与社区照片
- 动效
- 以交互式 Playground 和文档导航为主，未对页面动画进行专项测试
- 主色
- 白色、橙色、深色
- 版式
- 首页以一句定位和编译器图示介绍框架，之后展示优势、企业使用者和社区；文档、教程、Playground 通过统一导航衔接。