Tetris pays tribute to the classic block puzzle: squarish modules stack as snugly as falling tetrominoes, colors run lively (led by violet #7107E7) with each block carrying identity, and the grid works as both gameplay rule and layout law. The fun comes from assemblage within order. Made for gamified products, creative events, and player-facing interfaces.
CreativeRetro
Prompt Template
Base Template
Design a Tetris-inspired interface. Colors: #7107E7, #16A34A, #D97706, #DC2626 with #7107E7 accent. Typography: #1C202B.
Variant Prompts
📱 Mobile
Design a mobile app with Tetris aesthetics. Use Tetris color identity with #7107E7 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Tetris style. Use Tetris color identity with #7107E7 accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Tetris design language. Use Tetris color identity with #7107E7 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Tetris visual identity. Use Tetris color identity with #7107E7 accents. Compelling, conversion-focused.
Usage Examples
Tetris App
WebBuild a web app with Tetris design language and #7107E7 color system.
Tetris Dashboard
DashboardCreate a dashboard using Tetris style with data visualization and #1C202B typography.
✅ Best For
- Thematic
- Games and playful projects
- Creative event pages
❌ Avoid For
- Solemn enterprise websites
- Precision data products
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.