Granola
温かみのある羊皮紙に書かれたフィールドノート――『グラノーラ』は、日当たりの良い机の上で開かれた使い込まれたモレスキンノートを思わせる。セリフ体の見出しはしっかりとした印象を与え、植物由来のインクのようなオーガニックな緑色のアクセント、そして手書きのメモを思わせるカードの余白の細い線。
パレット
ブランド
- Olive Press
#b2c248 - Forest CTA
#5b6f00 - Fern Border
#788c15 - Sprout Tint
#e5eacd
中性
- Parchment Canvas
#f7f7f2 - Pure Surface
#ffffff - Midnight Ink
#0e0f0c - Deep Charcoal
#292929 - Carbon
#454745 - Slate
#72726e
タイポグラフィ
13～68ピクセル・5段階
- Melange — 交換： DM Sans · 概要 300, 400, 500, 600
- Quadrant — 交換： Playfair Display · 概要 400
- -apple-system / system-ui — 交換： Inter · 概要 300, 400, 500, 700
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 平均 |
| 基本的なステップ | 16px |
| ボタンの半径 | 9999px |
| カード半径 | 8px |
| 影 | いいえ - 影の代わりに境界線 |
| セクション間 | 64px |
| ページ幅 | 1200px |
AI がGranolaスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- AI for Business — 温かみのあるグレーの色調で統一された、ブルータリズム建築の編集ショールーム
- Superhuman — ゴールデンアワー編集委員会
- Jeton — 温かい大理石に書かれたフィンテックに関する社説
- Airtable — 章ごとに色分けされた、居心地の良いセミナー
- Osmo — 灰色のコンクリートに建てられた開発者博物館
- Linktr — 社説ポスターはまるでキャンディーのように積み重ねられている。ウェブサイトはカラーブロックでデザインされており、鮮やかな緑色の見出しがコバルトブルーの壁面に映え、白い錠剤型のナビゲーション要素がワインレッドの背景の上に浮かんでいる。
- Outsource Consultants — 骨紙に印刷された大判の建築用シート。モノグラフィックな美学が特徴で、温かみのある、タイポグラフィをふんだんに用いたグリッドの中に、鮮やかなインディゴの斑点が一つだけ散りばめられている。
- Streamtime — 触覚的なクリエイティブムードボード - デザイナーズスクラップブッキングテーブル
- Switch-Lit — クリーム色の紙にインクで印刷された編集グリッド
- HubSpot — 温かみのあるクリーム色の紙に、オレンジのアクセントが一つだけ効いている。HubSpotは、厚手の紙に印刷されたデザイナーズ雑誌を彷彿とさせる。セリフ体の見出し、温かみのあるクリーム色のページ、そして最も重要なポイントだけを際立たせる鮮やかなオレンジのアクセント。
- Secure — 柔らかな自然光が差し込むヨーロッパのカフェでの会話は、ビデオ通話を温かくスタイリッシュに表現したものであり、セリフ体の見出しは、テクノロジー製品のページというよりは、思慮深い雑誌記事のように読める。
- Mockups made easy — ホワイトペーパー上のエディトリアルデザインスタジオ