PostyPosty
品牌方創作者方案價格部落格
登入發起活動
品牌

Posty 的品牌，都在這一頁

夥伴、代理商或記者要把 Posty 放上版面所需要的一切：吉祥物家族、圖示組、我們在用的影像、色彩 token 和字體。需要什麼就拿——頁面最下方的規範就是我們唯一的請求。

95 個檔案 · 24.8 MB · design tokens v1.0 · 每次部署都從我們的程式庫重新產生

標誌與 App 圖示Puff 的各種表情Puff 的朋友們情境與道具玻璃感圖示攝影與產品畫面色彩字體品牌使用方式

標誌與 App 圖示

Puff 就是 Posty 的標誌。mascot/cloud-default.png 是主要標誌，app-icon/ 裡是給 App Store、favicon 和頭像用的方形圖磚。請等比例縮放，四周留白至少是 Puff 高度的一半。

  • apple-touch-icon.png180×180 · 37.2 kB
  • icon-192.png192×192 · 41.7 kB
  • icon-512.png512×512 · 270.2 kB
  • icon.png64×64 · 6.8 kB
  • app-icon.png1024×1024 · 789.4 kB
  • cloud-default.png1024×1024 · 375.3 kB

Puff 的各種表情

同一個標誌，我們畫過的每一種心情。一個畫面只挑一個——空狀態、完成提示和錯誤頁各自搭配合適的表情，同一個版面裡不要混用兩種。

  • cloud-cool.png1024×1024 · 389.8 kB
  • cloud-happy.png1024×1024 · 381.5 kB
  • cloud-love.png1024×1024 · 402.8 kB
  • cloud-sleepy.png1024×1024 · 445.1 kB
  • cloud-sparkle.png1024×1024 · 413.2 kB
  • cloud-surprised.png1024×1024 · 385.2 kB
  • cloud-wink.png1024×1024 · 395 kB

Puff 的朋友們

其他角色和 Puff 有同樣的肢體語言，會出現在部落格卡片、分享圖和空狀態裡。每個角色都有同一組表情。

Beat

  • beat-cool.png1024×1024 · 324.5 kB
  • beat-default.png1024×1024 · 305.7 kB
  • beat-happy.png1024×1024 · 324.8 kB
  • beat-sleepy.png1024×1024 · 315.9 kB
  • beat-surprised.png1024×1024 · 310.5 kB
  • beat-wink.png1024×1024 · 312.6 kB

Blab

  • blab-cool.png1024×1024 · 302.1 kB
  • blab-default.png1024×1024 · 274.9 kB
  • blab-happy.png1024×1024 · 289.7 kB
  • blab-sleepy.png1024×1024 · 294.1 kB
  • blab-surprised.png1024×1024 · 282.1 kB
  • blab-wink.png1024×1024 · 285.3 kB

Penny

  • penny-cool.png1024×1024 · 317 kB
  • penny-default.png1024×1024 · 295.9 kB
  • penny-happy.png1024×1024 · 302.3 kB
  • penny-sleepy.png1024×1024 · 296.3 kB
  • penny-surprised.png1024×1024 · 297.9 kB
  • penny-wink.png1024×1024 · 285.4 kB

Tap

  • tap-cool.png1024×1024 · 282.2 kB
  • tap-default.png1024×1024 · 252.6 kB
  • tap-happy.png1024×1024 · 270.4 kB
  • tap-sleepy.png1024×1024 · 266.1 kB
  • tap-surprised.png1024×1024 · 256.2 kB
  • tap-wink.png1024×1024 · 264.3 kB

Twinkle

  • twinkle-cool.png1024×1024 · 297.9 kB
  • twinkle-default.png1024×1024 · 276.5 kB
  • twinkle-happy.png1024×1024 · 286.1 kB
  • twinkle-sleepy.png1024×1024 · 285.6 kB
  • twinkle-surprised.png1024×1024 · 286.6 kB
  • twinkle-wink.png1024×1024 · 286.6 kB

Zip

  • zip-cool.png1024×1024 · 388.8 kB
  • zip-default.png1024×1024 · 377.4 kB
  • zip-happy.png1024×1024 · 376.9 kB
  • zip-sleepy.png1024×1024 · 379.2 kB
  • zip-surprised.png1024×1024 · 378.3 kB
  • zip-wink.png1024×1024 · 381.2 kB

情境與道具

Puff 拿著東西的樣子——硬幣、愛心、星星、播放鍵——還有合照和流星。當單一表情講不清楚畫面在做什麼時，就用這一組。

  • friend-bubble.png1024×1024 · 281.3 kB
  • friend-coin.png1024×1024 · 276.9 kB
  • friend-heart.png1024×1024 · 311.9 kB
  • friend-play.png1024×1024 · 253.1 kB
  • friend-star.png1024×1024 · 281.9 kB
  • friends-group.png1024×1024 · 327 kB
  • shooting-star.png1024×1024 · 365.7 kB

玻璃感圖示

圓潤、帶玻璃質感的圖示組，質地和吉祥物一致。它們是裝飾性的：請搭配文字標籤，不要讓圖示單獨承擔意思。

  • glass-bell.png640×640 · 167.8 kB
  • glass-bolt.png640×640 · 143.3 kB
  • glass-camera.png640×640 · 267.2 kB
  • glass-chat.png640×640 · 241.9 kB
  • glass-check.png640×640 · 226 kB
  • glass-cloud.png640×640 · 184.1 kB
  • glass-coin.png640×640 · 247.8 kB
  • glass-crown.png640×640 · 225.1 kB
  • glass-fire.png640×640 · 185.4 kB
  • glass-gift.png640×640 · 203.3 kB
  • glass-heart.png640×640 · 202.1 kB
  • glass-megaphone.png640×640 · 205 kB
  • glass-note.png640×640 · 181.3 kB
  • glass-play.png640×640 · 201.8 kB
  • glass-sparkle.png640×640 · 177.7 kB
  • glass-star.png640×640 · 202.8 kB

攝影與產品畫面

posty.so 上使用的攝影與產品畫面。可用於與 Posty 相關的媒體報導和夥伴簡報；這些不是圖庫素材，不得用來說明其他事情。

  • blob-avatars.jpg1600×893 · 65 kB
  • compliance-contracts.jpg1200×805 · 101.9 kB
  • compliance-disclosures.jpg1200×805 · 100 kB
  • compliance-taxes.jpg1200×805 · 146.2 kB
  • creators-1.jpg900×1117 · 143.9 kB
  • creators-2.jpg900×1117 · 108.5 kB
  • creators-3.jpg900×1117 · 144.9 kB
  • creators-4.jpg900×1117 · 186.9 kB
  • flow-reward-poster.jpg1200×900 · 26.5 kB
  • flow-reward.png1600×1194 · 651.2 kB
  • flow-source-poster.jpg1200×900 · 32.3 kB
  • flow-source.png1600×1194 · 749.2 kB
  • flow-track-poster.jpg1200×900 · 23.8 kB
  • flow-track.png1600×1194 · 496.3 kB
  • hero-creators-2.jpg1920×1071 · 343.8 kB
  • hero-creators-3.jpg1920×1071 · 291.7 kB
  • hero-creators.jpg1920×1071 · 291.6 kB
  • hero-poster.jpg1920×1068 · 29.7 kB
  • hero.jpg1920×1071 · 60.7 kB
  • sticker-pack.jpg1600×1194 · 132.9 kB
  • story-1.jpg1200×896 · 125 kB
  • story-2.jpg1200×896 · 197.3 kB
  • story-3.jpg1200×896 · 199.7 kB

色彩

直接讀自 design/tokens.css，產品、這個網站和手機 App 都是從這一份 token 編譯出來的。沒有出現在這一頁的顏色，就不是 Posty 的顏色。

Blush — 底色

  • --blush-50#FFF6F7
  • --blush-100#FFEEF0
  • --blush-200#FFDCE2
  • --blush-300#FFC6D0
  • --blush-400#FFA3B4

Sky — 僅作輔助

  • --sky-100#E6F4FF
  • --sky-200#C9E8FF
  • --sky-300#9DD6FF
  • --sky-400#62BBFF
  • --sky-500#2790E6
  • --sky-600#1F7FD1

Rose — 唯一的主要行動

  • --rose-300#FFB3C1
  • --rose-500#FF8098
  • --rose-600#E8436B
  • --rose-700#D93A5E

Ink — 所有文字

  • --ink-900#2B2036
  • --ink-700#5E5468
  • --ink-500#75697F
  • --ink-200#C9BFD3
  • --ink-100#E9E4EC

狀態

  • --success#1B7A55
  • --success-bg#E3F7EE
  • --warning#8A5A00
  • --warning-bg#FFF3D6
  • --danger#B3273A
  • --danger-bg#FFE5E7
  • --info#1F7FD1
  • --info-bg#E6F4FF

表面與邊框

  • --bg-warm#FFEEF0
  • --bg-cool#E6F4FF
  • --paper#FFFFFF
  • --border-warm#F5D6DC
  • --border-cool#CFE6F7

漸層

  • --bg-hero
  • --bg-section
  • --mascot-body
  • --mascot-eyes

陰影層級

  • --shadow-warm
  • --shadow-cool
  • --shadow-ink

圓角

  • 8px
  • 12px
  • 16px
  • 24px
  • 999px

控制項高度

  • 48px--control-h
  • 40px--control-h-md
  • 32px--control-h-sm

字體

標題用 Fredoka，內文用 Plus Jakarta Sans，數字和識別碼用 JetBrains Mono。Posty 有十個語系，因此每種文字系統都會退回到有該字符的圓體；下面的字體堆疊會依頁面的語言屬性切換。

品牌與創作者，準時收款。

Fredoka標題：500、600、700。大標與文字標誌。.font-display

品牌與創作者，準時收款。

Plus Jakarta Sans內文：400、500、600、700。你讀到的每一句。.font-body

品牌與創作者，準時收款。

JetBrains Mono等寬：400、500。數字、識別碼與檔名。.font-mono

字體堆疊

各語系的備援字體，與 token 檔案中的宣告完全一致。

  • --font-display'Fredoka', 'M PLUS Rounded 1c', 'Noto Sans KR', 'Noto Sans SC', 'Noto Sans TC', 'Baloo Bhaijaan 2', system-ui, sans-serif
  • --font-body'Plus Jakarta Sans', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans Arabic', 'Noto Sans Devanagari', system-ui, sans-serif
  • --font-mono'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace

字級

  • --text-display64px
  • --text-h144px
  • --text-h232px
  • --text-h324px
  • --text-lg18px
  • --text-md16px
  • --text-label14px
  • --text-caption12px

品牌使用方式

一句話：Blush 是底色，Ink 是文字，Rose 留給你最希望對方按下去的那一個。

請這樣做

  • 把 Blush 鋪在所有東西底下，純色或上面任一種漸層都可以。它是底色，也是吉祥物的身體。
  • 所有文字都用 Ink。
  • Rose 只留給吉祥物的眼睛，以及每個畫面唯一的主要行動，而那顆按鈕上的文字要用 Ink。
  • Sky 只作輔助：連結、資訊、信任分數。
  • 所有控制項都做成膠囊形，點擊範圍 44-48px。
  • 文案寫在文字裡、不要放進圖片，這樣才能翻成十個語系。

請不要

  • 不要重畫、改色、鏡像或旋轉吉祥物，也絕對不要在它身上放文字。
  • 不要在 Rose 上面用白色文字。
  • 不要在同一個畫面放兩顆 Rose 按鈕。
  • 不要拉伸、裁切、加外框或替標誌加特效——請等比例縮放。
  • 不要使用上面 token 清單以外的顏色、圓角或陰影。
  • 不要自行重新輸出或重新裁切檔案；需要什麼尺寸告訴我們。

這裡沒有你要的？

向量原始檔、標誌組合、不同裁切，或整包打包下載——說一聲我們就寄給你。也請告訴我們會用在哪裡，我們好對照上面的規範確認一下。

hello@posty.so
Posty

品牌、代理商與創作者在同一個對話串裡完成合作與付款的創作者平台。

產品品牌方創作者代理商方案價格
資源部落格品牌資產幫助中心報價指南開發者文件費用說明
法律服務條款隱私政策創作者協議刪除帳號
© 2026 Posty, Inc. 版權所有
  • 繁體中文
  • 繁體中文（香港）
  • English
  • 日本語
  • 한국어
  • Bahasa Melayu
  • ไทย
  • Tiếng Việt
  • Bahasa Indonesia
  • Filipino
產品品牌方創作者方案價格
資源部落格品牌資產幫助中心費用說明服務條款與隱私
© 2026 Posty, Inc. 版權所有