ClickUp
白い大理石を背景にした、力強いダッシュボード。このページは生産性向上ツールの製品パンフレットなので、視覚的な表現は製品そのものから借用されている。例えば、密度の高いリスト、ステータスインジケーター、アバターのグループ、そしてまるで製品仕様書を展示しているかのような大胆なタイポグラフィなどだ。
パレット
ブランド
- Brand Violet
#6647f0 - Rainbow Conic
#7d5be7 - Primary Gradient
#40ddff
中性
- Signal White
#ffffff - Ink Black
#202020 - Onyx
#090c1d - Carbon
#2a2a2a - Slate
#646464 - Ash
#838383
タイポグラフィ
14～80ピクセル・7段階
- Plus Jakarta Sans — 交換： Inter · 概要 400, 500, 600, 650, 700, 800
- Inter — 交換： system-ui · 概要 400, 500, 600, 650, 700
- Sometype Mono — 交換： JetBrains Mono · 概要 400, 500
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 平均 |
| 基本的なステップ | 12px |
| ボタンの半径 | 9999px |
| カード半径 | 12px |
| 影 | いいえ - 影の代わりに境界線 |
| セクション間 | 80px |
| ページ幅 | 1200px |
AI がClickUpスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- OpenServ — すりガラスに描かれた鮮やかな絵
- Flighty — 真夜中の管制塔――光り輝く管制室には、1台の装置の周りにちらつくスクリーンが浮かんでいる。
- Resend — 紫のネオンカラーの黒いベルベット
- Moving Parts — マット紙に描かれた電気図面――青く光るようになったモノクロの建築図面。純粋な黒、純粋な白、一桁の数字#0000ff。
- Outseta — 夕暮れ時の市場の光景――深いプラム色の夜空の上に、温かみのあるグラデーションの空が広がっている。
- Neon — 夜のサーバー室。完全な暗闇の中、唯一の光源はデータとユーザーの操作だけだ。
- Discord — ゲームの世界はポップアップチャットウィンドウの裏に隠されており、各セクションは独自の照明とキャラクターセットを備えた独立した環境となっている。
- Busuu — 遊び心あふれる、世界とのつながりへのパスポート。鮮やかなグラデーションの空、泡のような挨拶、丸い旗が、世界への温かい招待状を演出します。
- Cycle — 濃く貴重な色合いのラベルが付いた、墨絵の磁器を製作する工房
- Pitch — 白い背景に紫色のステージスポットライト。深い紫色のグラデーションが、まるで舞台照明のようにメインの要素を包み込み、その後、ページは滑らかに、鮮やかな紫色の単色だけで構成された、すっきりとしたフラットなワークスペースへと移行する。
- Midjourney — 深海に浮かぶ生物発光端末。知能がASCIIストリームで視覚的に自己生成し、操作系がかすかに光るパターンとして現れる深海世界。
- Wope — Wopeは紫色の地平線インターフェースです。暗い天文台のテーブルから、ガラスの下から紫色の光が差し込んでいる様子を想像してみてください。