マーク
マーク — ダーク背景
マーク — ライト背景
Mark anatomy
A single tilted page — the post, ready to ship. The mark is always rendered upright at its native angle; never rotated, sheared, or re-proportioned. It keeps its colours on light canvases — the white page reads against the light tile.
サイズと可読性
16px24px32px48px64pxブラウザタブを模した環境での16pxファビコン
ロックアップ
A · Horizontal — primary lockup
B · Stacked — mark over script wordmark
アプリアイコンとアバター
ダークタイル
ライトタイル
ブルータイル
ソーシャル用アバター
モノクロ
Open Graph／ソーシャル
Postmill
AIネイティブのソーシャルメディア管理プラットフォーム
postmill.ai
カラーシステム
Postmill Blue
#2b5cd3
プライマリアクセント · CTA · マークの面
Sky
#1d9bf0
セカンダリアクセント · リンク · ハイライト
Magenta
#aa0fa4
ターシャリアクセント · クリエイティブ面
Dark
#0c0c0f
ページの地色（ダーク基準）
Panel
#131318
浮き上がったカードやフレーム
Panel Alt
#1a1a21
入力欄、ホバー時の面
Off-white
#f0f0f4
暗い背景上の本文
Light Tile
#EEEEF5
ライトなプレゼン用の地色
Hero glow — rgba(43, 92, 211, 0.20)
抑えたラジアルグラデーションで、ヒーローとOG画像でのみ使用します。マーク自体には決して適用せず、機能的なUI、テーブル、フォームでも使いません。
タイポグラフィ
Display · Plus Jakarta Sans 700–800
ソーシャルチームのすべてを、 ひとつのプラットフォームに。
UI text · Plus Jakarta Sans 600–700
予約投稿 · キャンペーン · インボックス · アナリティクス · メディアライブラリ
Body · Plus Jakarta Sans 400–500
Postmillが書き、つくり、予約し、返信し、報告します。ソーシャルチームひとつぶんの仕事を、1か所で。あなたのチャンネルで、あなたのブランドの声で、自分のキーで動くAIとともに。
Mono · JetBrains Mono 400–500（コードとCLIの文脈でのみ使用）
npx postmill schedule --channel x,linkedin --at "fri 10:00"
アイソレーション · 最小サイズ
最小アイソレーション：マーク高さの0.5倍を四方に確保
破線は保護領域を示します。この内側に他のロゴ、画像、テキストを置かないでください。
最小サイズ
16px
ファビコンの下限
96px
ナビゲーションでの最小幅
72px
マーク高さの最小値
32px
システムトレイでの最小値
してはいけないこと
引き伸ばしや押しつぶしは不可
強いドロップシャドウは不可
回転は不可
ブランド外の色は不可
マークへのグラデーションは不可
コントラストの低い配置は不可
Postmill ブランドガイドライン · v1.0 · 2026