## 文字樣式(font-family)
|文字名稱|文字粗度|連結|
|:-:|:-:|:-:|
|Noto Sans TC| 400、500 |[Google Font](https://fonts.google.com/noto/specimen/Noto+Sans+TC?query=Noto+Sans+TC)|
|Noto Serif TC| 500、600、700 |[Google Font](https://fonts.google.com/noto/specimen/Noto+Serif+TC?query=Noto+Serif+TC)|
|Space Mono| 400、700 |[Google Font](https://fonts.google.com/specimen/Space+Mono?query=Space+Mono)|

## 文字大小 (font-size)
- 14px
- 16px
- 20px
- 24px
- 32px
- 40px
- 48px
- 80px

## 文字行高(line-height)

|使用地方|行高倍數|
|:-:|:-:|
|主標題、副標題sm|1.2|
|文字內容base|1.5|

## 文字間距(letter-spacing)
- 1.12px
- 1.28px
- 1.6px
- 1.92px
- 2.56px
- 3.2px
- 3.84px
- 6.4px

## 距離 (spacers)
- 4px
- 8px
- 12px
- 14px
- 16px
- 20px
- 24px
- 32px
- 40px
- 48px
- 60px
- 64px
- 72px
- 80px
- 96px
- 100px

## icon
### [Font Awesome](https://fontawesome.com/)
- [location-dot](https://fontawesome.com/icons/location-dot?f=classic&s=solid)
- [house](https://fontawesome.com/icons/house?f=classic&s=solid)
- [paw](https://fontawesome.com/icons/paw?f=classic&s=solid)
- [venus-mars](https://fontawesome.com/icons/venus-mars?f=classic&s=solid)
- [bars](https://fontawesome.com/icons/bars?f=classic&s=solid)
- [x](https://fontawesome.com/icons/x?f=classic&s=solid)
- [plus](https://fontawesome.com/icons/plus?f=classic&s=solid)
- [minus](https://fontawesome.com/icons/minus?f=classic&s=solid)
- [angle-down](https://fontawesome.com/icons/angle-down?f=classic&s=solid)
- [instagram](https://fontawesome.com/icons/instagram?f=brands&s=solid)
- [facebook-f](https://fontawesome.com/icons/facebook-f?f=brands&s=solid)
- [heart](https://fontawesome.com/icons/heart?f=classic&s=regular)
- [cat](https://fontawesome.com/icons/cat?f=classic&s=solid)

## Color
|顏色變數|色碼|
|-|-|
|$primary|#F7853A(primary300)|
|$secondary|#FFEAB6(secondary)|
|$tertiary|#402716(title)|
|$quaternary|#F5F3C1(background green)|
|$success|$green(安全通過)|
|$info|$cyan(資訊)|
|$warning|$yellow(注意)|
|$danger|$red(警告)|
|$light|$gray-100|
|$dark|$gray-900|

---
|顏色變數|色碼|
|-|-|
|$hover|#FFEBDD|
|$placeholder|#D1CBC7|
|$decoLine|#D1CBC7|
|$text|#624E40|
|$title|#402716|
|$inputBdr-light|#C7BAB1|
|$inputBdr-dark|#351C1C|

---
## 修改地方
- Enable-rounded: true;圓角轉直角
- $font-family-sans-serif:
- font-family: 'Noto Serif TC', serif;
- font-family: 'Space Mono', monospace;
- _Mixing.scss

---
## 進度分配
|負責人|頁數項目|8/27目標進度|
|-|-|-|
| Eero |項目1+2|三分之一～二分之一進度|
|bf_tsai|項目3+header+footer|三分之一～二分之一進度|
|崴崴|項目4|三分之一進度|
|樂樂|項目5|二分之一進度、web版面靜態切版完成|
|備註|圖片資料已搜集完畢|串頁面資料視情況而定|