Retro 80s Pastel Terminal
A vibrant Retro 80s Pastel Terminal design system combining vaporwave aesthetics with brutalist interface elements. Features a soft lavender (#e8d5f2) and peachy-pink (#ffd89b) color palette, pixel-perfect typography (VT323, Press Start 2P), and tactile 3D depth through hard-edged stacked shadows. Suitable for retro gaming platforms, creative agencies, fintech dashboards with a nostalgic twist, or developer-centric landing pages. Includes scanline overlays, flicker animations, and high-contrast brutalist card structures.
Summary
A nostalgic 80s terminal UI utilizing pastel tones, pixel-art fonts, and sharp brutalist shapes. The system relies on a 'layered' look using multi-directional hard shadows to create depth without using gradients or rounded corners.
Style
The style is defined by a 'soft-brutalist' approach. Typography uses VT323 for body/mono text and Press Start 2P for headings. Colors are pastel but high-contrast: Lavender (#e8d5f2) background, Peachy-Pink (#ffd89b) accents, Mint (#a8e6cf) highlights, and Deep Purple (#4a3b52) for text and borders. Animations include CRT flicker and scanline overlays to simulate an old computer monitor.
Layout & Structure
A centered, symmetrical layout with fixed side-bar decorative status indicators and a structured grid of brutalist cards.
Navigation Bar
Hero Section
Feature Grid
Status Sidebars
Footer
Components
Brutalist Active Button
A tactile button with a simulated 3D press effect.
Terminal Scanline Overlay
A fullscreen CRT-style scanline effect.
Double-Shadow Card
Cards that appear to pop off the page with layered depth.
Special Notes
MUST: Maintain 0px border-radius on everything. MUST: Use only hex #4a3b52 for borders and primary text for high readability. MUST: Ensure the scanline overlay is 'pointer-events: none'. DO NOT: Use modern rounded corners, blurred shadows, or smooth gradients. DO NOT: Mix sans-serif fonts into the layout.