Coda
温かみのあるクリーム色の羊皮紙に書かれた巨大な文字――Codaは、SaaSダッシュボードというより、マーケットプレイス用の手書きポスターのように見える。
パレット
ブランド
- Forest Depths
#003d21 - Mint Sprout
#aafdc0
中性
- Cream Parchment
#f8f9eb - Pure White
#ffffff - Obsidian
#000000 - Charcoal
#202020 - Sage Mist
#c0c2a9 - Olive Slate
#5a5a4f
タイポグラフィ
12～134ピクセル · 9段階
- ui-sans-serif — 交換： Inter · 概要 400
- Monument Grotesk (custom) — 交換： Archivo · 概要 400, 500, 800
- JetBrains Mono — 交換： IBM Plex Mono or JetBrains Mono · 概要 400
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 平均 |
| 基本的なステップ | 13px |
| ボタンの半径 | 13px |
| カード半径 | 22px |
| 影 | いいえ - 影の代わりに境界線 |
| セクション間 | 72px |
| ページ幅 | 1200px |
AI がCodaスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- Factory — 真夜中の「作戦室」の端末。「工場」は、懐中電灯で照らされた指令書のように一枚の白いカードが置かれる、殺風景な黒い制御盤だ。部屋にある唯一の物体は、仕事そのものだけだ。
- Buymeacoffee — クリーム色の紙にポラロイド写真が浮かぶ、カフェ風の写真アルバム
- Preply — 人々のステッカーが貼られたピンク色の看板
- Flim — 方眼スケッチブックに散りばめられたポラロイド写真
- Ramp — 編集部の財務部門。白黒のページに、たった一本のネオンカラーのマーカー。ほぼモノクロームの誌面において、鮮やかなライムグリーンの線一本が、あらゆるやり取りを金銭的なシグナルへと変える。
- Orderful — 産業物流管理デッキ - 黒インクと外科用赤色で印刷された物流ディスパッチャーのチェックリスト。各ページは、オペレーターが重要なことを大声で叫ぶことができるほど目立たないデザインになっている。
- teenage engineering — スタジオ照明の工業カタログでは、製品がページ上で唯一の重要な対象物であり、その他すべてはその製品を中心に説明されている。
- Vanmoof — 映画のようなモノクロームのショールーム
- Sociotype — 白い紙の上に置かれた典型的な博物館標本
- Webflow — 白いスタジオ、黒インク、一筆の青い線――ウェブページに具現化されたデザイナーの製図台。
- Apple (España) — 照明器具を備えた黒い劇場
- Contract — ホワイトウォールギャラリーカタログ