Atlassian
紙吹雪で覆われた、エンジニアリングプロジェクトの図面。工場の真っ白なキャンバスには、濃い青色の編集パネルが点在し、そのパネルはギザギザの幾何学的な色彩――鮮やかな紫、タクシーイエロー、エレクトリックブルー、緑――で縁取られている。まるで、ペンキが飛び散った仕切り板の間に、精密な図面が貼り付けられているかのようだ。
パレット
ブランド
- Atlassian Blue
#1868db
中性
- Midnight Navy
#101214 - Carbon Edge
#292a2e - Slate Current
#1c2b42 - Muted Indigo
#42526e - Pure White
#ffffff - Fog White
#f0f1f2
タイポグラフィ
13～80ピクセル・7ステップ
- Charlie Display — 交換： Manrope · 概要 400, 500, 700, 800
- Charlie Text — 交換： Inter · 概要 400, 500, 700
音程と形式
| 目的 | 意味 |
|---|---|
| 密度 | 密集 |
| 基本的なステップ | 8-16px |
| ボタンの半径 | 28px |
| カード半径 | 20px |
| 影 | いいえ - 影の代わりに境界線 |
| セクション間 | 64-80px |
| ページ幅 | 1200px |
AI がAtlassianスタイルであなたのウェブサイトを構築し、
- リンクから商品や投稿を追加してください - Instagram 、 TikTok 、 Facebook 。
- 古いサイトからコンテンツを移行するには、アドレスを指定するだけです。
- 最高のエンジンであるReact （ Next.js ）上で動作するモダンなデザイン。サーバーレンダリングとSEO最適化が標準搭載されています。
- 検索結果のSEO最適化とニューラルネットワークによるレコメンデーションを完全に自動化。
類似のスタイル
- ElevenLabs — 温かみのあるクリーム色を基調としたフォトエッセイに、さりげない見出しを添えた一冊。バウハウス風のノートは、卵の殻のような色の紙に黒インク、そして製品紹介のために紫とオレンジのアクセントを一つだけ配している。
- Awesomic — オレンジ色の句読点が紙吹雪を思わせる、編集用の亜鉛メッシュ。
- Monad — 温熱羊皮紙に関する編集技術誌
- Dub — リンクのマットな和紙製コントロールパネル
- Seline Analytics — 温かい紙の上に静かに置かれた分析表
- Notion — 真昼の太陽の下、温かい紙のノート
- Anthropic — 温かみのある羊皮紙に印刷された科学分野の専門誌――落ち着いた象牙色の表面、セリフ体の編集見出し、そして行動が必要な時だけ現れる、たった一つの粘土色のアクセント。
- Calendly — 冷たい大理石に濃い青色のインク
- Augen Pro — Appleの白いプレゼンテーションでは、モノクロームの空間に、臨床的で軽やかなエレクトリックブルーが唯一のアクセントとして用いられている。
- Antimetal — クリーム色の紙に書かれた編集記事――科学雑誌の静かな朝。そこでは、抑制された表現が自信を伝え、セリフ体が重要な役割を担っている。
- Perk — 温めたパーチメント紙に電気石灰を塗る
- Ditto — 陽光が差し込む工房で、野の花のサンプルが作られている。温かみのあるクリーム色の表面、鮮やかな黄色のベースカラー、深い紺色のインク、作品の背後で咲き誇る有機的な色彩。