---
# System prepended metadata

title: 版面樣式
tags: [設計規範書]

---

# 版面樣式
1. 版面劃分後整理於首頁多版面區塊說明xlsx，於figma做出示意圖放入xlsx
 
- [首頁多版面區塊說明 - 開發版](
 https://docs.google.com/spreadsheets/d/1tbf_r5GECRSA46iJ1FbxYSMD6Tt2UaOi/edit?usp=sharing&ouid=105213668002178278884&rtpof=true&sd=true)
- [figma樣式表](https://www.figma.com/file/cgMXQBXM8F5qUIO8sLijbT/%E6%A8%A3%E5%BC%8F%E8%A1%A8?type=design&mode=design&t=YJi0CXp0LvbI5I3l-0)
- [首頁多版面區塊說明(客戶版)]
[首頁版面配置-AAA-H5](ttps://docs.google.com/spreadsheets/d/1QRK5Tj1GxheZYzF9zuoOC16eAdmk4N0AX1WZ3-bfWmI/edit?usp=sharing)
[首頁版面配置-AAA-PC](https://docs.google.com/spreadsheets/d/165uPF9znrCM5RVyyJmm62csGJ1V9pZVX__Eogjw8gYs/edit?usp=sharing)
[首頁版面配置-AAD-H5](https://docs.google.com/spreadsheets/d/1wHiJfIQ8ddsyw0-YYeq41jiyZSlKL60zTpZBSpw7qOI/edit?usp=sharing)
[首頁版面配置-AAD-PC](https://docs.google.com/spreadsheets/d/11fgfg9zIPo8VWLorC8MyygyX--4QxdKnskxX4MErhOI/edit?usp=sharing)
[首頁版面配置-AAE-H5](https://docs.google.com/spreadsheets/d/1HKpwdQCgnIyHm5Mxq544PNxXPuKE-j6W9Xs4LO7sh_I/edit?usp=sharing)
[首頁版面配置-AAE-PC](https://docs.google.com/spreadsheets/d/1C7fngMeJip94Z9_t5leDenHTUA_du_yU4QTmsDDkQt8/edit?usp=sharing)
[首頁版面配置-AAF-H5](https://docs.google.com/spreadsheets/d/1SoSVeRk15u6PVFmYvJ4J7-zRNYLG78gPHectq5i-8-k/edit?usp=sharing)
[首頁版面配置-AAF-PC](https://docs.google.com/spreadsheets/d/1At6Ab_IFZHqb-JkfNrHu22wGYVzhy-jbcB5Ub1Ra81M/edit?usp=sharing)
[首頁版面配置-AAH-H5](https://docs.google.com/spreadsheets/d/1eJ6U198PCBG0VUP--xthSLItolhDVs4NbScFtdc6L1o/edit?usp=sharing)
[首頁版面配置-AAH-PC](https://docs.google.com/spreadsheets/d/1x0ltQrpABbd1HS-6IO6gYaAyvrlbvkk91MSf5i07q0s/edit?usp=sharing)
[首頁版面配置-AAJ-H5](https://docs.google.com/spreadsheets/d/1vZFRLWzhSW6m2WQtYPsjB7UsRcxDaSE5QNj5dImqeio/edit?usp=sharing)
[首頁版面配置-AAJ-PC](https://docs.google.com/spreadsheets/d/1AlVnkrC0ypXez-ZN5V1fzT2jtQZugmY1qqkVxeYePkI/edit?usp=sharing)
[首頁版面配置-AAI-H5](https://docs.google.com/spreadsheets/d/1DMcbZrJQ0KwzRkofZ4AES1SG17-XOq3ScCuPio7_0eU/edit?usp=sharing)
[首頁版面配置-AAI-PC](https://docs.google.com/spreadsheets/d/1O5BXF2n9pXK_NfBfzpOPt3RlqwYmLGVUhhllDgldwiY/edit?usp=sharing)
[首頁版面配置-AAM-H5](https://docs.google.com/spreadsheets/d/1JJNX54L_Joizzbf5CgyiOWtBmmneoe2GC30I4nKCPOY/edit?usp=sharing)
[首頁版面配置-AAM-PC](https://docs.google.com/spreadsheets/d/1dlJ_uNUWtTzDGe0kz27IW1qJ9Ddb0MOdp6UY_LvK_x8/edit?usp=sharing)

2. 通知相關人員新增樣式，新增完成後於後台設置(ex上傳圖片...)

![後臺版面樣式管理](https://hackmd.io/_uploads/B1ONXtH3p.png)