DESIGN SYSTEM · v0.1.2

给代码一张温暖的纸。

暖纸打底,莓红落笔。把博客里的长文、工具里的代码、对话里的小想法, 放进同一间创作工坊。组件照顾细节,你继续写下去。

Principles

从一枚按钮,到整张工作台

从纯 CSS 到有状态的 React 岛,逐层采用,不必为了设计系统重写应用架构。

01

把熟悉的颜色留下

颜色、间距、圆角与阴影均有语义名称;主题切换不改变组件结构。

查看视觉规范 →
02

按你的项目搭起来

同一套基础 CSS,搭配 Astro 静态组件或 React 交互组件。

查看接入方式 →
03

挑一种顺手的接法

npm 包适合构建时依赖,版本化 CDN 资产适合无需打包的静态页面。

查看版本资源 →

Made with these pieces

这里没有另搭一套布景

页面的容器、卡片、按钮、集群与节奏都来自 @moesegfault/style。 你在这里看到的基础组件,也能带回自己的项目。