Nintendo 2001

Difficulty:
Industry
Nintendo 2001 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

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

Interactive controls use fully rounded pill shapes.

Spacing

Derived
  • sm8px
  • md12px
  • lg24px

Elevation

Prompt

Depth is expressed through soft, low-contrast shadows.

Typography

Derived
  • Ag

    Headings 32px · bold

    Inter

  • Ag

    Body 16px · regular

    Inter

  • Ag

    Labels 13px · medium

    Inter

Nintendo.com circa 2001 assembles the web page like a console faceplate: every region is a brushed-periwinkle (#7a8aba) metal plate, edge-lit on top and shadow-lined with indigo (#3d4f97), the largest panels chamfered at 45°; a halftone-textured carbon-navy (#21242e) bar carries the nav, menu words glow in nav-gold (#e48600), utility chips sit in amber (#ecab37), and every forward move — the round arrows, the Submit button — is signal orange (#f68d1f). Full-bleed photographic hero fields run under white-outlined, hard-shadowed Arial Black box-art wordmarks, with Mario leaning out of the masthead; panels butt together on thin bevel seams, so the packed page reads like a control panel with no idle whitespace.

Nintendo 2001Retro

Prompt Template

Base Template
Design a Nintendo 2001-inspired interface. - Every region is a beveled metal plate in brushed periwinkle #7a8aba — bright edge on top, chrome-indigo #3d4f97 shadow line below; - Chamfered 45° corners on the largest panels; default corners stay sharp — roundness only on the logo pill, radio dots, and circle-arrow badges; - Carbon-navy #21242e command layer with faint halftone-dot texture carries the top nav, right-rail buttons, and footer; - Warm color means action: nav-gold #e48600 menu words, amber #ecab37 utility chips and badges, signal orange #f68d1f for every arrow and Submit; - Full-bleed photographic hero fields tinted per page (lavender home, circuit-board teal systems, racetrack red games) under outlined, drop-shadowed Arial Black box-art wordmarks; - Dense fixed-width layout (~800px) with panels butted together on thin bevel seams — no airy whitespace. Colors: #7a8aba, #21242e, #e60012, #f68d1f with #f68d1f accent. Typography: Arial with uppercase 0.5px-tracked labels, Arial Black box-art display.

Variant Prompts

📱 Mobile
Design a mobile app with Nintendo 2001 aesthetics. Use Nintendo 2001 color identity with #f68d1f accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Nintendo 2001 style. Use Nintendo 2001 color identity with #f68d1f accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Nintendo 2001 design language. Use Nintendo 2001 color identity with #f68d1f accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Nintendo 2001 visual identity. Use Nintendo 2001 color identity with #f68d1f accents. Compelling, conversion-focused.

Usage Examples

Nintendo 2001 App

Web
Build a web app with Nintendo 2001 design language and #f68d1f color system.

Nintendo 2001 Dashboard

Dashboard
Create a dashboard using Nintendo 2001 style with data visualization and Arial / Arial Black typography.

✅ Best For

  • Game and console brand sites
  • Y2K-themed landing pages
  • Player community portals

❌ Avoid For

  • Lightweight utility apps
  • Airy minimal interfaces

DESIGN.md File

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