框架模式
圖左，文字右
对于艺术作品解释概念但副本仍然携带详细意义的部分使用此模式。 图像列在桌面上保持视觉锚定，在移动设备上变为全宽度堆叠行。
水花圖
標準英雄圖容器： <section class="splash-image"><picture class="splash-image__asset">...</picture></section>
首頁英雄
Software 5.0 英雄
圖左，文字右
正典媒体/文字分割用于产品说明部分。 在移动设备上，图像堆叠在副本上方，并扩展到整个卡片宽度。
公共页面
按鈕
卡片
功能卡片
用於核心產品優點、功能描述和概念部分。
價格卡
$28/月
雲雙 + OAuth3 金庫 + 第 11 部分架構證據。
亮點盒： 用於 TL;DR 法律聲明、強調通知和緊湊的重點抄錄。
表格和圖表
示例圖表
示例表格
| 表面 | 圖書館 | 模式 |
|---|---|---|
| 分析 | am圖表s | 圖表 |
| 论文 | DataTables | 目錄 |
| 价格 | DataTables | 比較 |
字體
內容文字 是基於產品和技術解釋的長篇閱讀風格.
章節介紹適合需要比主體內容更有存在感，但比標題更少重量的摘要.
英雄字幕保留用于在主要標題下方的首次折頁值框架.
顏色令牌
藍色
`--sa-blue`
紫色
`--sa-purple`
橙色
`--sa-orange`