Dell 1996

Difficulty:
Industry
Dell 1996 Effect Preview

Effect Preview

Design Tokens

Key tokens derived from official brand references and this style's prompt. Copy them or pair with the DESIGN.md below.

Colors

  • primaryBrand

    Primary actions & highlights

  • on-primaryDerived

    Text on primary

  • secondaryDerived

    Chips, badges & soft emphasis

  • on-secondaryDerived

    Text on secondary

  • neutralPrompt

    Page canvas

  • on-neutralDerived

    Text on canvas

  • surfaceDerived

    Cards, panels & elevated containers

  • on-surfaceDerived

    Text on surface

  • borderDerived

    Borders & dividers

Radius & Shapes

Derived
sm · 4px
md · 8px
lg · 12px
full

Spacing

Derived
  • sm8px
  • md12px
  • lg24px

Elevation

Prompt

Depth is expressed through soft, low-contrast shadows.

Typography

Prompt
  • Ag

    Headings 32px · bold

    Helvetica

  • Ag

    Body 16px · regular

    Helvetica

  • Ag

    Labels 13px · medium

    Helvetica

December 1996: Dell.com as a perfectly preserved fossil of catalog-era enterprise web. The whole page sits inside an 8px black HTML-table frame; all-caps Arial Black 36/900 eyebrows press onto eight ribbon-card tints (sage #b3bd95 for Latitude, salmon #d77a7a for OptiPlex, periwinkle #8c9ae0 for PowerEdge); every paragraph is Times Roman 14; Dell red #e91d2a is rationed to a single CTA panel and the top-right phone number; and hand-cut GIF stickers — yellow NEW! bursts, a round PC Magazine award seal, the BUY a DELL tab — are pinned across the layout. No radii, no gradients, no soft shadows: depth comes only from 1px hairlines and painted bevels.

Dell 1996Retro

Prompt Template

Base Template
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.

Variant Prompts

📱 Mobile
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.
📊 Dashboard
Design a dashboard with Dell 1996 design language. Use Dell 1996 color identity with #e91d2a accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Dell 1996 visual identity. Use Dell 1996 color identity with #e91d2a accents. Compelling, conversion-focused.

Usage Examples

Dell 1996 App

Web
Build a web app with Dell 1996 design language and #e91d2a color system.

Dell 1996 Dashboard

Dashboard
Create a dashboard using Dell 1996 style with data visualization and Arial Black / Times Roman typography.

✅ Best For

  • Retro corporate sites
  • Nostalgic product catalog pages
  • 1990s brand campaign pages

❌ Avoid For

  • Mobile-first modern consumer apps
  • Minimal, whitespace-heavy product UI

DESIGN.md File

A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.