1996 年 12 月の Dell.com は、カタログ時代のエンタープライズ Web の化石です。ページ全体は 8px の黒い HTML テーブルの額縁に収まり、Arial Black 36／ウェイト 900 の大文字の眉題ブロックが 8 色のリボンカードの上に載ります（Latitude はセージ #b3bd95、OptiPlex はサーモン #d77a7a、PowerEdge はペリウィンクル #8c9ae0）。本文はすべて Times Roman 14、Dell レッド #e91d2a は唯一の CTA パネルと右上の電話番号だけに絞られ、黄色い NEW! バースト、丸い PC Magazine 受賞シール、BUY a DELL タブといった手作りの GIF ステッカーが貼られています。角丸もグラデーションも柔らかい影もなく、奥行きは 1px の罫線と手描きのベベルだけで生み出します。
Dell 1996レトロ
プロンプトテンプレート
基本テンプレート
Design a Dell 1996-inspired interface. - Literal 8px black page frame around the entire viewport — the browser window treated as a printed picture frame; - Flat color-block ribbon cards tinted per product line (sage #b3bd95, salmon #d77a7a, periwinkle #8c9ae0) with white title bars and 1px black hairlines; - All-caps Arial Black 36/900 section eyebrows set on flat tint blocks — no gradients, no shadows, no rounded corners; - Times Roman 14 body copy — sans for UI, serif for body, the era's dead giveaway; - Hand-cut GIF stickers pinned on top: yellow "NEW!" bursts rotated ~15°, a round red award seal, the yellow "BUY a DELL" tab; - Dell red #e91d2a rationed to a single CTA panel and the top-right phone number. Colors: #ffffff, #000000, #e91d2a, #fcc20f with #e91d2a accent. Typography: Arial Black display, Helvetica Bold labels, Times Roman body.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Dell 1996 aesthetics. Use Dell 1996 color identity with #e91d2a accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Dell 1996 style. Use Dell 1996 color identity with #e91d2a accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Dell 1996 design language. Use Dell 1996 color identity with #e91d2a accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Dell 1996 visual identity. Use Dell 1996 color identity with #e91d2a accents. Compelling, conversion-focused.
使用例
Dell 1996 アプリ
WebBuild a web app with Dell 1996 design language and #e91d2a color system.
Dell 1996 ダッシュボード
ダッシュボードCreate a dashboard using Dell 1996 style with data visualization and Arial Black / Times Roman typography.
✅ 適した用途
- レトロな企業サイト
- 懐かしさのある製品カタログページ
- 90 年代風のブランドキャンペーンページ
❌ 適さない用途
- モバイルファーストの現代的なコンシューマーアプリ
- 余白主体のミニマルなプロダクト UI
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。