厳選・オープン・無料
Magic
Magic は、ソフトウェアエンジニアリングと研究を自動化するフロンティアコードモデルを構築しています。
aidev
01
デザイン DNA
Frontier AICode ModelsSafe AGIResearchSoftware Engineering
AGIに特化したエリート研究ラボ。
02
カラー
#1C2024Ink
#FFFFFFBG
#60646CMuted
rgba(232, 232, 236, 1)Line
ハイコントラストミニマリズム: 純白キャンバス上の深炭色インクを基調とし、セカンダリ情報にはグレーを用いる。
03
タイポグラフィ
grotesque-sans · humanist-sans · monospace
- display
46px · 400 - body
17px · 400 - small
13px · 400
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
標準の4px基準を採用し、余裕のあるホワイトスペースで息の通った編集的フィールを実現。
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 8px
lg · 12px
pill · 9999px
リスト区切り線には 1px solid rgba(232, 232, 236, 1) を使用
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
ヒーローセクションは2カラム分割、求人情報は水平区切り線付きの単一カラムリストレイアウト。
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
インタラクティブ要素のホバーtransition
リンク上の微細な色相または不透明度の変化。 · 直接ナビゲーション。
08
コンポーネント
- button 最小限のテキストリンクを Chevron アイコン付きで使用。細い水平線で区切る。
- card 確認されず。
- chip 確認されず。
- input 確認されず。
- hero 最上部に微細なカラフルなグラデーションメッシュ背景を配した、大規模なタイポグラフィによる宣言。
09
文体と禁止事項
- トーン 権威的、技術的、そしてミッション志向。
- 見出し 太字で直接的、ミッションにフォーカス。
- CTA 控えめ、プロフェッショナル、明確。
- 鮮やかなプライマリカラーを使用しない — スクリーンショットでは、微細なグラデーションメッシュのみで主にモノクロームなパレットが示されている。
- 本文に太字ウェイトを使用しない — スクリーンショットでは、すべての本文に通常(400)ウェイトが使用されている。
- 見出しに装飾的あるいはセリフフォントを使用しない — スクリーンショットでは、クリーンでモダンなグロテスクサンセリフが使用されている。
- 複雑なカードレイアウトを使用しない — スクリーンショットでは、シンプルなリニアリストレイアウトが示されている。
- 重いドロップシャドウを使用しない — 完全にフラットで影のないサーフェスが示されている。
- ボックス型のボタンを使用しない — Chevron アイコン付きのシンプルなテキストリンクが示されている。
- 避ける: 専門用語の乱用
- 避ける: 過度な熱狂
- 避ける: マーケティングスローガン
10
パック内の実スクリーンショット
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
このデザインは、ミニマリストでミッション志向のAI研究ランディングページです。クリーンな単色カラーパレットを採用し、純白背景(#FFFFFF)に深炭色(#1C2024)を基調とし、最上部に単一の微細なグラデーションメッシュを配置しています。タイポグラフィはモダンサンセリフを基盤とし、ディスプレイにはグロテスクサンセリフ、本文にはヒューマニストサンセリフを指定。全文に通常(400)ウェイトを維持。レイアウトは余裕があり編集的で、構造には豊富なホワイトスペースと細い水平線を活用。重要な制約: 本文に太字ウェイトを使用せず、リニアリストを優先して複雑なカードベースレイアウトを避け、高彩度アクセントカラーは一切導入しない。デザインは白地に対する濃いインクのハイコントラストにインパクトを依存している。
en · zh-CN · zh-TW · ja · ko