PostHog

パレット

ブランド

• Signal Blue #2f80fa
• Amber Glow #eb9d2a
• Dark Amber #cd8407
• Burnished Gold #b17816

中性

• Sandy Desk #e1d7c2
• Paper White #ffffff
• Cream Paper #fdfdf8
• Soft Linen #eeefe9
• Pale Stone #e5e7e0
• Deep Moss #23251d

タイポグラフィ

12～36ピクセル · 7段階

• Open Runde — 交換： Inter Tight · 概要 400, 500, 600, 700, 800
• IBM Plex Sans Variable — 交換： IBM Plex Sans · 概要 400, 500, 600, 700
• ui-monospace — 交換： SFMono-Regular · 概要 400

音程と形式

類似のスタイル

• Bevel — Cloudlightで朝の指標を確認しましょう。明るい白色の健康日記のような画面を作成し、ウェアラブルデバイスには柔らかな光を放つダッシュボードを表示します。
• Mollie — カシミヤのカウンター、濃い色の帳簿。黒いテキストの周りには編集デザインのための十分な余白を残し、温かみのあるクリーム色やエスプレッソブラウン、実際の支払い方法の触覚的な写真を使って、製品関連のポイントを強調する。
• Baselayer — ベースレイヤーは、真夜中の電子台帳です。インターフェースは、光り輝くリスク分析コンソール上で開かれた、組織の文書だと考えてください。
• Devin — 製図用紙に電子インクで印字。ほぼ黒色のフォントと明るい表面が大部分の役割を果たしているが、#2200ffという数字は意図的な起動信号として表示される。
• 1X NEO — 1X Techは、静かなホームシアターだ。淡い色調のページに編集記事が掲載され、人々と人型ロボットが登場する映画のようなシーンが展開される。一方、インターフェース要素は、小さく間隔を空けて配置されたキャプションと柔らかなモノクロ画像にまで縮小されている。
• B150 — 未来のフィルムグレイン・マスタークラス。暗く、人間サイズの製品やクリエイターの画像に対して、明るくクリーミーな質感の編集ページを作成する。
• Captions — 陽光が差し込む編集デスク。清潔感のある白い、ややざらついた作業スペースの上に、半透明で湾曲したナビゲーションバーを配置し、淡い青色の作業面と映像のクローズアップを組み合わせる。
• Kagi — 独立した読書室。大胆な鉛筆の文字を中心に、広々とした白い空間を作り出し、さりげない紫のアクセントと温かみのあるパステルカラーの表面を用いることで、静寂に変化をつける。
• Milanote — Milanoteは、クリエイティブな活動に特化したスタジオです。フローティングビジュアルボード（ダークフレームの壁、白い表示スペース、柔らかな奥行き感のある実物のように見えるスクリーンショットなど）を使用して、エディトリアルギャラリースタイルのページを作成できます。
• Co2 — 冬の光の中で描かれた気候図。まるで航空写真のようなページ構成で、セリフ体の見出し、カテゴリ別にコード化されたデータ、そして氷に覆われた画像が、広い白い余白を際立たせます。
• GitButler — テキストの末尾にターコイズブルーを使用。コントラストの高いセリフ体の見出しに、繊細なテクニカルグリッド、温かみのあるグラファイト調の表面、そして控えめなターコイズブルーのアクセントを組み合わせたデザイン。
• Bee — 太陽のように明るい、ハチミツ色の護符。各画面を、触覚に訴える編集ページのようにデザインしましょう。手首に装着した製品の親密な画像を、ゆったりとした丸みを帯びたフレームで囲み、黄色または淡いニュートラルカラーの背景に、太字でほぼ黒に近い文字を配置します。

カテゴリー別スタイルカタログ