rastrillo 设计系统
设计系统所提供内容的总览。主题:day。语言:简体中文。
概览
Rastrillo 设计系统想成为任何应用的起步框架:一致、精致、无障碍的界面,不依赖或极少依赖 JavaScript,支持多种语言,用干净、现代的 HTML 和 CSS 写成。它的设计让人用起来愉快,有没有 LLM 协助都一样,而且很容易改造重组。
演示应用
一个完全用这套系统搭出来的可用应用:一块仪表板、一份列表、一条打开的记录。每一个都有自己的地址。不用 JavaScript。
接下来去哪里
- 快速开始关于 Rastrillo 设计系统随附的样式表和脚本的详情。
- 设计变量构成整个系统的每一个自定义属性:主题的颜色与字体,以及字号、间距和圆角的比例。
- 图标每一个图标 slug,按组件绘制的尺寸显示,附上可复制的调用和它在 lucide.dev 上的名称。
- 列表页通用列表页:标题、工具栏和行,桌面和移动端都适用。
- 展示拼出一个页面的那些小块语汇:状态、身份、进度,以及唯一的那种提示形状。
- 表单每一个控件,处在真实表单会让它处于的状态里。每个都放在有内边距的 rst-box 中,因为这些片段就是这么假定的。
- 日期与时间datetime.js 增强的四个字段,每个都在底层保留原生输入控件,因此没有脚本的读者得到的是朴素的控件,而不是坏掉的控件。
- 路由这些片段本身就是一整个响应,而不是响应里的一块。
- 界面基元组件无法成为的那些形状,因为它们包住的主体只有调用方知道:卡片、数据网格、菜单,以及外壳自身的框架。
- 日期、数字和名字如何显示日期、数字、金额、名字和地址,以及哪些容易被搞混。
- 页面示例使用这套设计系统做出来的页面示例。你可以把它们当作自己应用的起始模板。
- 页面外壳rastrillo new 能生成的页面框架。每一种都以全宽打开。