hệ thống thiết kế rastrillo

Tổng quan mọi thứ hệ thống thiết kế cung cấp. Chủ đề: day. Ngôn ngữ: Tiếng Việt.

Hệ thống thiết kế Rastrillo muốn là bộ khung khởi đầu để bất kỳ ứng dụng nào cũng có được giao diện nhất quán, chỉn chu và dễ tiếp cận, không phụ thuộc hoặc phụ thuộc rất ít vào JavaScript, có sẵn ở nhiều ngôn ngữ, và viết bằng HTML và CSS sạch, hiện đại. Nó được thiết kế để dùng thấy dễ chịu dù có hay không có LLM trợ giúp, và để phối lại một cách dễ dàng.

Ứng dụng demo

Một ứng dụng chạy được, dựng chỉ từ hệ thống này: một bảng tổng quan, một danh sách, một bản ghi đang mở. Mỗi cái có địa chỉ riêng. Không JavaScript.

Xem trước

Máy tính Điện thoại

Mở ứng dụng demo (mở trong tab mới).

Đi tiếp đến đâu

• Bắt đầuChi tiết về các bảng kiểu và script đi kèm hệ thống thiết kế Rastrillo.
• TokenToàn bộ các thuộc tính tuỳ biến làm nên hệ thống: màu và kiểu chữ của chủ đề, cùng các thang cỡ, khoảng cách và bo góc.
• Biểu tượngMọi slug biểu tượng, ở kích thước các component vẽ nó, kèm lệnh gọi để sao chép và tên của nó trên lucide.dev.
• Màn hình danh sáchMàn hình danh sách thông thường: tiêu đề, thanh công cụ và các hàng, chạy được cả trên máy tính lẫn điện thoại.
• Hiển thịNhững mẩu từ vựng nhỏ dùng ráp nên một màn hình: trạng thái, danh tính, tiến độ, và hình dạng cảnh báo duy nhất.
• Biểu mẫuMọi điều khiển, ở những trạng thái mà một biểu mẫu thật đặt chúng vào. Mỗi cái nằm trong một rst-box có đệm, vì đó là quy tắc mà các mảnh này mặc định.
• Ngày và giờBốn trường mà datetime.js tăng cường, mỗi trường vẫn giữ ô nhập gốc bên dưới, để người đọc không có script nhận được điều khiển thuần chứ không phải một thứ hỏng.
• TuyếnNhững mảnh vốn là cả một phản hồi, chứ không phải một phần của phản hồi.
• Nguyên thể giao diệnNhững hình thù mà một thành phần không thể là, vì chúng bọc lấy một phần thân chỉ bên gọi mới biết: thẻ, lưới dữ liệu, menu, và khung riêng của các lớp vỏ.
• Ngày tháng, con số và tênCách hiển thị ngày tháng, con số, tiền, tên và địa chỉ, và những thứ hay bị nhầm lẫn.
• Màn hìnhCác ví dụ màn hình dựng bằng hệ thống thiết kế này. Bạn có thể dùng chúng làm mẫu khởi đầu cho ứng dụng của mình.
• Khung trangCác khung trang mà rastrillo new có thể dựng sẵn. Mỗi khung mở ở toàn bộ chiều rộng.