FOUNDATIONS > Typography
Typography
SyncAI 的字體系統由品牌張力與功能精準雙軸構成,透過雙字體架構建立視覺對比,標題使用具張力的設計字體強化品牌個性,內文則回歸系統級的功能性字體,確保系統在處理系統監控與行政管理介面等複雜資訊時,仍能保有極高的辨識效率。
DUAL FONT STRATEGY
Smooch Sans
BRAND EXPRESSIVE
Aa
The quick brown fox jumps over the lazy dog.
0123456789 &?!@#
CORE PURPOSE
應用於主標題與 H1-H2,透過極限的垂直張力與緊湊字距,形塑出現代科技感與獨特的品牌識別。
Roboto
SYSTEM FUNCTIONAL
Aa
The quick brown fox jumps over the lazy dog.
0123456789 &?!@#
CORE PURPOSE
應用於內文、UI 標籤與 H3-H6 副標題。針對高密度的行政管理後台進行優化,確保在複雜資訊環境下仍具備最佳辨識度。
Type Scale Table 字體比例規範表
DesktopMobile
TagStyle NameFamilySizeWeightLine HeightLetter Spacing
H1Display LargeSmooch Sans64pxBlack1.10.02em
H2Headline MediumSmooch Sans48pxBold1.20.02em
H3Headline SmallRoboto32pxRegular1.20
H4Title LargeRoboto20pxBold1.20
H5Title MediumRoboto18pxMedium1.20
H6Title MediumRoboto14pxBold1.20
-Body LargeRoboto18pxRegular1.50
-Body MediumRoboto16pxRegular1.50
-Body SmallRoboto14pxRegular1.50
-Label / CaptionRoboto10pxBold1.20.01em
Responsive Scale
採用流體縮放邏輯以適應多端環境,當視窗維度縮小時,系統會動態壓縮「顯示標題」與「內文」之間的對比比例,確保大型樣式在小螢幕上不至於反客為主,同時維持資訊整體的清晰度與介面平衡感。
Desktop View
Mobile View