10 · Assets

資產下載

前九章分散的可取用物集中在這裡。每一包都標明裡面有什麼,不必打開才知道。

Packs

四個整包
一次帶走

發包給外部協作時,把對應的包連同這個網址一起給對方,規範與檔案就都到位了。

LOGO 包21 個 SVG · 150 KB

icons 4 個 純圖示,彩色與單色各兩種底色
wordmark 2 個 純文字
lockups 8 個 水平與堆疊各四變體
appicon 2 個 含 squircle 與漸層,可直接匯出
favicon 5 個 16 至 64px
另附 README,含命名慣例與選檔決策表

字型包21 個 woff2 · 4.6 MB

辰宇落雁體 完整 21 個分片,以 unicode-range 按需載入
fonts.css 可直接引用的 @font-face 宣告
授權 SIL OFL 1.1,可用於商業專案

霞鶩文楷與 Noto Sans TC 走 CDN,不含在包內—— 兩者體積大且更新頻繁,鎖版反而不利維護

色彩 token 包3 種格式 · 3 KB

sunsun-colors.css CSS 自訂屬性,含 dusk 段落覆寫
sunsun-colors.json primitive 與 semantic 兩層
tailwind-colors.js theme.extend.colors 片段

七家族全階、一日色序 21 stops、semantic day 與 dusk。 值由 brand-tokens 產出,與網站上顯示的完全一致

Icon 包16 個 SVG · 6 KB

brand-* 8 個 品牌客製:帳篷、營火、樹冠、晨霧、苔徑、光穿葉隙、呼吸、肩頸
system-* 8 個 通用直用:menu、close、arrow-right、chevron-down、check、calendar、clock、map-pin

全部 24 viewBox、stroke 1.5、round cap 與 join, 描邊色用 currentColor 可直接繼承父層文字色

Copy

文案素材
與生圖 prompt

定案句與 AI prompt 的純文字版。發包時附上這兩份,對方就不必從網頁上抄。

兩份純文字檔
最常用的三句,直接複製

主標語、USP 副標語、meta description。這三句涵蓋八成的日常需求。

身體鬆鬆了,心情也 SunSun。
空間即照護,靜謐是主餐。
鬆鬆 SunSun。台北都市按摩空間,讓身體回到自己的節奏。
Single Files

只要一個檔
不必整包

最常被單獨索取的幾個檔案。

LOGO
字型與載入片段
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500&display=swap'); @import url('https://cdn.jsdelivr.net/npm/lxgw-wenkai-webfont@1.7.0/style.css'); --font-display: 'ChenYuluoyan-2.0-Thin', serif; --font-reading: 'LXGW WenKai', serif; --font-ui: 'Noto Sans TC', sans-serif;
Terms

拿去用之前

三個字型都是 SIL OFL 1.1 開源授權,可用於商業專案。LOGO 與品牌資產的使用界線如下。

可以依底色亮度選對變體使用:分界在相對亮度 61%,臨界色 dawn-gold 兩版皆適用。
可以等比縮放,但不得低於最小尺寸:icon 24px、lockup 140px。
可以用品牌 illustration 走 AI 生成,但需通過視覺風格檢核。
不可AI 生成新的 LOGO 變體,或使用 21 個變體以外的色彩組合。
不可旋轉超過 ±5°、水平或垂直拉伸變形。
不可對雙色 LOGO 加漸層、陰影或描邊;不可在 LOGO 上疊字或加圖示。
不可把 icon 與 wordmark 拆開後重新縮放,那會破壞 lockup 的既定比例。
不可用任何字型重繪「鬆鬆」二字。文案裡的品牌名是文字,版面上的品牌名是資產。
不可把 stock photo 或 AI 生圖用在事實類位置(服務手技、老師人像、空間實景)。

不確定某個用法可不可以,回到對應章節查——每一章的 Do/Don't 就是為這種時候寫的。

明天,還有明天的光

一日走到這裡。這份指南會隨品牌演化更新,判準改了以規範原文為準,這裡是它的展示層。