rastrillo 设计系统

设计系统所提供内容的总览。主题：plain。语言：简体中文。

Rastrillo 设计系统想成为任何应用的起步框架：一致、精致、无障碍的界面，不依赖或极少依赖 JavaScript，支持多种语言，用干净、现代的 HTML 和 CSS 写成。它的设计让人用起来愉快，有没有 LLM 协助都一样，而且很容易改造重组。

演示应用

一个完全用这套系统搭出来的可用应用：一块仪表板、一份列表、一条打开的记录。每一个都有自己的地址。不用 JavaScript。

预览

桌面 手机

打开演示应用 (在新标签页中打开).

接下来去哪里

• 快速开始关于 Rastrillo 设计系统随附的样式表和脚本的详情。
• 设计变量构成整个系统的每一个自定义属性：主题的颜色与字体，以及字号、间距和圆角的比例。
• 图标每一个图标 slug，按组件绘制的尺寸显示，附上可复制的调用和它在 lucide.dev 上的名称。
• 列表页通用列表页：标题、工具栏和行，桌面和移动端都适用。
• 展示拼出一个页面的那些小块语汇：状态、身份、进度，以及唯一的那种提示形状。
• 表单每一个控件，处在真实表单会让它处于的状态里。每个都放在有内边距的 rst-box 中，因为这些片段就是这么假定的。
• 日期与时间datetime.js 增强的四个字段，每个都在底层保留原生输入控件，因此没有脚本的读者得到的是朴素的控件，而不是坏掉的控件。
• 路由这些片段本身就是一整个响应，而不是响应里的一块。
• 界面基元组件无法成为的那些形状，因为它们包住的主体只有调用方知道：卡片、数据网格、菜单，以及外壳自身的框架。
• 日期、数字和名字如何显示日期、数字、金额、名字和地址，以及哪些容易被搞混。
• 页面示例使用这套设计系统做出来的页面示例。你可以把它们当作自己应用的起始模板。
• 页面外壳rastrillo new 能生成的页面框架。每一种都以全宽打开。