Brand
Principle 設計原則
Civi 品牌識別
Style
Color 顏色
Typography 字型
Icon 圖示
Photo 照片
Illustration 插圖
Content
Content 文案規範
撰寫原則
文字格式統一
Guideline
頁面規範
行銷頁面
申請頁面
Components
Component 元件
Document 說明文件
Button 按鈕
Table 表格
List 列表
Checkbox 核取方塊
Radio Buttons 單選按鈕
Dropdowns 下拉選單
Date Picker 日期選擇器
Divider 分隔線
Paginator 分頁器
Carousel 輪播
Navbar 導覽列
Breadcrumb 麵包屑
Tab 頁籤
Page Anchor 網頁錨點
Steps 步驟表示
Progress 進度條
Timeline 時間軸
Reciprocal 倒數
Card 卡片
Accordion 手風琴
Modal 彈跳視窗
Chart 圖表
|
Design System
Document 說明文件
依照作業環境選擇需部署檔案
說明文件
透過SCSS的方式組建專案樣式,再依據編譯環境進行配置,並建議使用reset.css進行初始化樣式。
variable.scss
reset.css