厳選・オープン・無料

Tesla

アクセス拒否を表示する、生の、スタイル未適用のサーバーエラーメッセージ。

PremiumCleanAutomotiveMinimalProduct
Tesla のスクリーンショット
OpenDesign で開く

オリジナル: https://www.tesla.com

01

デザイン DNA

技術的無印ミニマル障壁サーバーエラー

すべてのブランディングを剥ぎ取った標準的なサーバーエラーページ。

02

カラー

#000000Ink
#FFFFFFBG
rgba(0, 0, 0, 1.0)Line

ハイコントラストの、色相ゼロのモノクローム。

03

タイポグラフィ

transitional-serif

すべてのテキストにブラウザのデフォルトセリフフォント(Times)を使用する。 · メインの見出しと本文テキストの間に厳密な2:1のサイズ比を維持する。

04

余白

4px
8px
16px
24px
32px
48px
64px
96px

標準的なブラウザのデフォルトマージン。

05

サーフェス (角丸 / 影 / 罫線)

sm · 0px
md · 0px
lg · 0px
pill · 0px

なし

07

モーションとインタラクション

0msmicro
0mssmall
0msmedium
lineareasing

なし · なし

08

コンポーネント

09

文体と禁止事項

11

System Prompt

これは、高級自動車サイトへのアクセスをブロックするシステム生成の、スタイル未適用のサーバーエラーページです。プレーンな白い背景に、32pxのボールドセリフ見出しと、16pxの通常セリフ本文テキスト3行で構成されています。パレットは純黒インク(#000000)を純白(#FFFFFF)に使う厳密なモノクロームで、目に見えるアクセントカラーはありません。タイポグラフィは、カスタムウェブフォントを使用せずにブラウザのデフォルトセリフフォント(Times)を使用しています。重要な注意点:決してカスタムブランディングやカラーを追加せず、決してサンセリフフォントを使用せず、決して複雑なグリッドやレイアウトを適用せず、決して角丸やシャドウを追加せず、決して生の技術参照テキストを隠さないこと。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗

en · zh-CN · zh-TW · ja · ko