Gallery风格库

Svelte Compiler Orange

ProMax

Svelte is the compile-time UI framework that threw away the runtime. Created by Rich Harris in 2016 while he was building data visualizations at The Guardian and the New York Times, it compiles components into surgical vanilla JavaScript. The brand identity wraps this radical idea in warm, saturated orange and bold italic headlines — technical confidence dressed in community friendliness.

From Svelte 3's famous reactive `$:` label to Svelte 5's runes, the visual language has stayed consistent: bright orange on off-white, big type that says things like "Cybernetically enhanced web apps," and code samples as first-class visual content. It's a framework designed by a journalist-turned-engineer, and it shows — every design choice communicates clearly and directly.

Svelte 是那个把运行时扔掉的编译型 UI 框架。2016 年,Rich Harris 在《卫报》和《纽约时报》做数据可视化时创造了它——组件直接编译为精准操作 DOM 的原生 JavaScript。品牌视觉用饱和的橙色和大胆的斜体标题,把这个激进的技术理念包裹在社区的温暖与亲和里。

从 Svelte 3 标志性的 `$:` 响应式标记到 Svelte 5 的 runes 系统,视觉语言始终如一:暖白底上的明亮橙色、"Cybernetically enhanced web apps"式的直白大字、代码示例作为核心视觉元素。这是一个由记者转型工程师设计的框架,每一个设计决策都像好新闻一样——清晰、直接、不废话。

Learn more about the Svelte Compiler Orange style →深入了解 Svelte Compiler Orange 风格 →

  • Origin来源London (origin); Vercel-employed since 2022; contributor-distributed globally英国伦敦(起源);2022年加入Vercel后全球分布式协作
  • Period年代2016 prototype; Svelte 3 2019; SvelteKit 1.0 2022; Svelte 5 runes 2024
  • Designer代表人物Rich Harris · Tan Li Hau · Simon Holthausen · Brittney Postma
  • Movements所属运动Compile-time UI frameworks · Reactivity revival · Post-jQuery simplicity

Web examples网页示例

3

Slide examples幻灯片示例

3