Kindsight
夕暮れ時の陽光に照らされたフィールドジャーナルは、クリーム色の紙、オリーブ色のインク、そして鮮やかな黄緑色のアクセントによって、穏やかで素朴な雰囲気を醸し出している。Kindsightは、持続可能な方法で印刷された非営利団体の年次報告書に似ている。温かみのあるクリーム色の背景、緑がかったほぼ黒のテキスト、メインパネルの濃いオリーブ色、そして唯一のアクセントカラーであるテラコッタ色。唯一の鮮やかな黄緑色は、イタリック体の単語の句読点の下線、アイコンの塗りつぶし、イラストのハイライトとして控えめに使用されており、機能的な色としては決して使用されていない。Times Nowフォントは、200～300の太さと狭い文字間隔で、SaaS企業の見出しというよりは、編集記事の表紙のタイポグラフィのように見える。
パレット
ブランド
- Olive Grove
#3d4128 - Terracotta CTA
#de7653 - Coral Outline
#e7573d
中性
- Cream Paper
#faf5f1 - Soft Linen
#fefffa - Ink Black
#0e0f0a - Midnight Black
#0a0a0a - Pure White
#ffffff - Warm Sand
#e5e1d6
タイポグラフィ
10～120ピクセル・10段階
- Times Now — 交換： Playfair Display (closest free match for the compressed serif-display feel) · 概要 200, 300
- Founders Grotesk — 交換： Inter or Söhne (geometric grotesks with similar x-height and tracking behavior) · 概要 200, 300, 400, 500
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 密集 |
| 基本的なステップ | 12-24px |
| ボタンの半径 | 10px |
| カード半径 | 24px |
| 影 | 柔らかな影 |
| セクション間 | 80-120px |
| ページ幅 | 1200px |
AI がKindsightスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- Bevel — Cloudlightで朝の指標を確認しましょう。明るい白色の健康日記のような画面を作成し、ウェアラブルデバイスには柔らかな光を放つダッシュボードを表示します。
- Mollie — カシミヤのカウンター、濃い色の帳簿。黒いテキストの周りには編集デザインのための十分な余白を残し、温かみのあるクリーム色やエスプレッソブラウン、実際の支払い方法の触覚的な写真を使って、製品関連のポイントを強調する。
- Baselayer — ベースレイヤーは、真夜中の電子台帳です。インターフェースは、光り輝くリスク分析コンソール上で開かれた、組織の文書だと考えてください。
- Devin — 製図用紙に電子インクで印字。ほぼ黒色のフォントと明るい表面が大部分の役割を果たしているが、#2200ffという数字は意図的な起動信号として表示される。
- 1X NEO — 1X Techは、静かなホームシアターだ。淡い色調のページに編集記事が掲載され、人々と人型ロボットが登場する映画のようなシーンが展開される。一方、インターフェース要素は、小さく間隔を空けて配置されたキャプションと柔らかなモノクロ画像にまで縮小されている。
- B150 — 未来のフィルムグレイン・マスタークラス。暗く、人間サイズの製品やクリエイターの画像に対して、明るくクリーミーな質感の編集ページを作成する。
- Captions — 陽光が差し込む編集デスク。清潔感のある白い、ややざらついた作業スペースの上に、半透明で湾曲したナビゲーションバーを配置し、淡い青色の作業面と映像のクローズアップを組み合わせる。
- Kagi — 独立した読書室。大胆な鉛筆の文字を中心に、広々とした白い空間を作り出し、さりげない紫のアクセントと温かみのあるパステルカラーの表面を用いることで、静寂に変化をつける。
- Milanote — Milanoteは、クリエイティブな活動に特化したスタジオです。フローティングビジュアルボード（ダークフレームの壁、白い表示スペース、柔らかな奥行き感のある実物のように見えるスクリーンショットなど）を使用して、エディトリアルギャラリースタイルのページを作成できます。
- Co2 — 冬の光の中で描かれた気候図。まるで航空写真のようなページ構成で、セリフ体の見出し、カテゴリ別にコード化されたデータ、そして氷に覆われた画像が、広い白い余白を際立たせます。
- GitButler — テキストの末尾にターコイズブルーを使用。コントラストの高いセリフ体の見出しに、繊細なテクニカルグリッド、温かみのあるグラファイト調の表面、そして控えめなターコイズブルーのアクセントを組み合わせたデザイン。
- Bee — 太陽のように明るい、ハチミツ色の護符。各画面を、触覚に訴える編集ページのようにデザインしましょう。手首に装着した製品の親密な画像を、ゆったりとした丸みを帯びたフレームで囲み、黄色または淡いニュートラルカラーの背景に、太字でほぼ黒に近い文字を配置します。