PostyPosty
ブランド向けクリエイター向け料金ブログ
ログインキャンペーンを始める
ブランド

Posty のブランドを、このページに

パートナー、代理店、記者の方が Posty を紙面や画面に載せるために必要なものをすべて。マスコットファミリー、アイコンセット、実際に使っている写真、カラートークン、書体。必要なものをお持ちください。お願いはページ下部のガイドラインだけです。

95 ファイル · 24.8 MB · design tokens v1.0 · デプロイのたびにリポジトリから自動生成

ロゴとアプリアイコンPuff の表情Puff の仲間たちシーンと小物グラスアイコン写真とプロダクト画像カラータイポグラフィブランドの使い方

ロゴとアプリアイコン

Puff が Posty のマークです。mascot/cloud-default.png がプライマリロゴ、app-icon/ にはアプリストア、ファビコン、アバター向けの正方形タイルが入っています。比率を保って拡大縮小し、四辺に 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 の表情

同じマークを、描き起こしたすべての表情で。1 画面につき 1 つだけ選んでください。空の状態、完了、エラーページにはそれぞれ合う表情があります。1 つの構図に 2 つの表情を混ぜないでください。

  • 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 から直接読み出しています。このページにない色は 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 は 10 ロケールで提供しているため、各文字体系はグリフを持つ丸ゴシックにフォールバックします。下のスタックはページの言語属性で切り替わります。

ブランドとクリエイターに、期日どおりの支払いを。

Fredoka見出し：500 / 600 / 700。大見出しとワードマーク。.font-display

ブランドとクリエイターに、期日どおりの支払いを。

Plus Jakarta Sans本文：400 / 500 / 600 / 700。読むテキストすべて。.font-body

ブランドとクリエイターに、期日どおりの支払いを。

JetBrains Mono等幅：400 / 500。数字、ID、ファイル名。.font-mono

フォントスタック

文字体系ごとのフォールバックを、トークンファイルの宣言そのままに。

  • --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 はマスコットの目と、1 画面につき 1 つの主要アクションだけに使い、そのボタンのラベルは Ink にしてください。
  • Sky は補助にとどめてください。リンク、情報、信頼スコアです。
  • コントロールはすべてピル形で、44-48px のタップ領域を確保してください。
  • コピーは画像の中ではなくテキストとして置いてください。10 ロケールに翻訳できるようにするためです。

しないでほしいこと

  • マスコットを描き直す、色を変える、反転する、回転するのはやめてください。文字を載せるのも不可です。
  • Rose の上に白い文字を置かないでください。
  • 1 画面に Rose のボタンを 2 つ置かないでください。
  • ロゴを引き伸ばす、切り抜く、縁取る、効果を加えるのはやめてください。比率を保って拡大縮小を。
  • 上のトークンリストにない色、角丸、シャドウを持ち込まないでください。
  • ファイルを書き出し直したり切り直したりせず、必要なサイズをお知らせください。

ここにないものが必要ですか

ベクターの元データ、ロゴロックアップ、別のトリミング、一括ダウンロード用のアーカイブなど、ご連絡いただければお送りします。掲載先を教えていただければ、上のガイドラインと照らし合わせて確認します。

hello@posty.so
Posty

ブランド、代理店、クリエイターがひとつのスレッドで仕事を進め、支払いまで完了するクリエイターマーケットプレイス。

プロダクトブランド向けクリエイター向け代理店料金
リソースブログブランド素材ヘルプセンター報酬相場ガイド開発者向けドキュメント手数料一覧
法的情報利用規約プライバシーポリシークリエイター規約アカウント削除
© 2026 Posty, Inc.
  • 繁體中文
  • 繁體中文（香港）
  • English
  • 日本語
  • 한국어
  • Bahasa Melayu
  • ไทย
  • Tiếng Việt
  • Bahasa Indonesia
  • Filipino
プロダクトブランド向けクリエイター向け料金
リソースブログブランド素材ヘルプセンター手数料一覧利用規約とプライバシー
© 2026 Posty, Inc.