00 - CSS課程
可以將CSS類添加到各個塊中，以便自定義外觀和感覺。這可以通過在“高級”部分下選擇一個塊，然後在右側欄上選擇一個塊，將類（ES）添加到“附加CSS類（ES）”字段中。可以通過單個空間（即“ example-class-class-xplace-class-2”）分離多個類。
如果此樣式指南中的任何樣式都需要實用課程，則將在附近添加並以此為樣式：示例類別1
01 - 肖像學
主徽標
這些應作為SVG出口，但是如果需要PNG，則應以2倍的形式出口以保持圖像質量。
最愛
這些應作為SVG出口，但是如果需要PNG，則應以2倍的形式出口以保持圖像質量。
小圖標
這些圖標的設計為24px，並以2.5px的筆觸重量設計。這些僅應作為SVG出口。
大圖標
這些圖標的設計為80px，並具有5px筆劃重量。這些僅應作為SVG出口。
02 - 顏色
原色
這些被選為體現品牌的核心，可用於按鈕，懸停樣式和其他UI元素。
辛烷值橙色
RGB 245 / 126/37
＃F57E25
辛烷值
RGB 253 /161 /0
＃fda100
黑色的
RGB 36 / 36/41
＃242429
白色的
RGB 255/255/255
#ffffff
次要顏色
這些被選為支持品牌的核心，可用於身體副本，圖標和其他次要UI元素。
灰色1
RGB 74 / 72/78
＃4A484E
灰色2
RGB 117/117/117
＃757575
灰色3
RGB 227 / 227/227
＃e3e3e3
灰色4
RGB 244 /244 /244
＃F4F4F4
反饋狀態
這些用於向用戶傳達反饋（錯誤，警告，成功）
錯誤反饋
RGB 245/56/10
＃f5380a
文字錯誤（文本）
BG-Error（背景）
警告反饋
用途（辛烷值）
成功反饋
RGB 29 / 171/111
＃1DAB6F
文本成功（文本）
BG-Success（背景）
03 - 版式
字體字體
下麵顯示的字體表示網站上可以使用哪些字體。Phonk和Readex Pro都可以在這裏下載。
Readex Pro - 輕
Readex Pro - 常規
Readex Pro - 半寄生
Readex Pro - 粗體
字體閱讀（默認）
Phonk - 常規
字體phonk
標題樣式
所有字體尺寸，線高和字母間距如下所示像素。標題可以根據需要使用上麵的任何字體。（d =桌麵＆m =移動）
| 樣式 | 字體名稱 | 字體大小 （d / m） |
線高 （d / m） |
字母間距 （d / m） |
CSS課程 |
|---|---|---|---|---|---|
| 2XL標題 | Phonk | 54px / 36px | 74px / 36px | 2PX / 2PX | 文本標題2xl |
| XL標題 | Phonk | 36px / 26px | 42px / 30px | 2PX / 2PX | 文本標題-XL |
| 大標題 | Phonk | 22px | 32px | 0px | 文字標題lg |
| 標題 | Readex Pro | 20px | 28px | 0px | 文字標題 |
| 默認 | Readex Pro | 14px | 26px | 0px | N/A（默認） |
| 小標題 | Readex Pro | 12px | 15px | 1px | 文字標題-SM |