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