rastrillo 設計系統

設計系統提供嘅嘢嘅概覽。主題：day。語言：廣東話。

Rastrillo 設計系統想做嘅，係任何應用程式都用得嘅起步框架：一致、精緻、無障礙嘅介面，唔使或者只需要好少 JavaScript，支援多種語言，用乾淨、現代嘅 HTML 同 CSS 寫成。佢設計成有冇 LLM 幫手都用得舒服，而且好易改頭換面。

示範應用程式

淨係用呢套系統砌出嚟嘅一個用得嘅應用：一個儀表板、一個列表、一筆打開咗嘅記錄。每個都有自己嘅地址。冇 JavaScript。

預覽

桌面 手機

打開示範應用程式 (喺新分頁度打開).

跟住去邊度

• 開始使用關於 Rastrillo 設計系統隨附嘅樣式表同腳本嘅詳情。
• 設計變數組成成個系統嘅每個自訂屬性：主題嘅顏色同字體，同埋大小、間距同圓角嘅比例。
• 圖示每一個圖示 slug，用組件畫嘅大細顯示，連埋可以複製嘅調用同佢喺 lucide.dev 嘅名。
• 清單畫面一般嘅清單畫面：標題、工具列同行，喺桌面同手機都用得。
• 展示砌成一個畫面嘅嗰啲細塊講法：狀態、身分、進度，同唯一嗰種提示形狀。
• 表單每一個控制項，喺真實表單會令佢入到嘅狀態度。每個都擺喺有內距嘅 rst-box 入面，因為呢啲片段就係咁假設。
• 日期同時間datetime.js 加強嘅四個欄位，每個下面都保留原生輸入元件，所以冇腳本嘅讀者見到嘅係樸素嘅控件，唔係壞咗嘅。
• 路由呢啲片段本身就係一整個回應，唔係回應入面嘅一塊。
• 介面基本元件組件做唔到嘅形狀，因為佢哋包住嘅主體淨係叫嗰邊先知：卡片、資料格網、選單，同埋外殼自己嘅框架。
• 日期、數字同名點樣顯示日期、數字、金額、名同地址，同埋邊啲會俾人搞亂。
• 畫面用呢套設計系統整嘅畫面例子。你可以攞佢哋當自己應用嘅起始模板。
• 頁面外殼rastrillo new 可以生成嘅頁面框架。每一種都以全寬打開。