パレット
ブランド
- WhatsApp Green
#25d366
中性
- Link Blue
#0373e9 - Charcoal
#1c1e21 - Ink Black
#111b21 - Cream Canvas
#fcf5eb - Pure White
#ffffff - Warm Gray
#5e5e5e
タイポグラフィ
12～80ピクセル・6段階
- WhatsApp Sans Var — 交換： Inter · 概要 400, 700
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 密集 |
| 基本的なステップ | 16-24px |
| ボタンの半径 | 50px |
| カード半径 | 16px |
| 影 | いいえ - 影の代わりに境界線 |
| セクション間 | 120-160px |
| ページ幅 | 1200px |
AI がWhatsAppスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- Mollie — カシミヤのカウンター、濃い色の帳簿。黒いテキストの周りには編集デザインのための十分な余白を残し、温かみのあるクリーム色やエスプレッソブラウン、実際の支払い方法の触覚的な写真を使って、製品関連のポイントを強調する。
- Basis Theory — デザインスタジオに設置された決済端末。白いテクニカルペーパー、重なり合う半透明のトランザクションレイヤー、そして単一のターコイズブルーの操作要素が、視覚的な方向性を決定づけている。
- CleanShot X — 青い照明で照らされたデスクトップを備えたスタジオ。コンパクトな黒いテキストの周りに落ち着いた白い空間を作り、鮮やかな青色のコントロールパネルと重ね合わせたMac製品の画像が主役となるように配置します。
- Modern Treasury — 方眼紙に書かれた財務台帳。静かで白い作業シートのようなページを作成し、そこにキャッシュフローを細い線、ラベル付きのノード、そして正確で隠されたコントロールで表示します。
- Heptabase — 陽光が差し込むデスク。温かみのある紙のような質感の表面、チャコールグレーのコントロールパネル、そして研究用の浮遊窓が、ソフトウェアの操作パネルというよりも、整理されたワークスペースという印象を与える。
- Baba — 赤い太陽光をイメージしたケアノート。人物写真を感情的な中心として用い、白、ピンク、クリーム色の親密な情報面を囲むように、幅広の赤い物語性のあるストライプを配置する。
- Grafana Labs — サンライズ信号所の制御室。静かで落ち着いたグレーと白を基調とした作業空間に、幅広の4色グラデーションの水平線と、精緻な青色のインターフェース信号が組み合わされている。
- Kagi — 独立した読書室。大胆な鉛筆の文字を中心に、広々とした白い空間を作り出し、さりげない紫のアクセントと温かみのあるパステルカラーの表面を用いることで、静寂に変化をつける。
- Milanote — Milanoteは、クリエイティブな活動に特化したスタジオです。フローティングビジュアルボード（ダークフレームの壁、白い表示スペース、柔らかな奥行き感のある実物のように見えるスクリーンショットなど）を使用して、エディトリアルギャラリースタイルのページを作成できます。
- Co2 — 冬の光の中で描かれた気候図。まるで航空写真のようなページ構成で、セリフ体の見出し、カテゴリ別にコード化されたデータ、そして氷に覆われた画像が、広い白い余白を際立たせます。
- GitButler — テキストの末尾にターコイズブルーを使用。コントラストの高いセリフ体の見出しに、繊細なテクニカルグリッド、温かみのあるグラファイト調の表面、そして控えめなターコイズブルーのアクセントを組み合わせたデザイン。
- Ui — マット紙に印刷された臨床計画