Hero architecture
Design a Memphis style interface. Use: bold geometric shapes (triangles, squiggles, circles), bright clashing colors, 80s postmodern aesthetic, playful patterns, dotted textures, asymmetric layouts, decorative elements.
Style 44 · General · Non-profit/Charity
Memphis Design
80s, geometric, playful, postmodern, shapes, patterns, squiggles, triangles, neon, abstract, bold. This mock website translates the UI/UX Pro Max style notes into a client-ready landing/dashboard hybrid with its own palette, typography, chart module, and component system.
Live product surface
NOVA Non-profit/Charity OS
Creative agencies, music sites, youth brands, event promotion, artistic portfolios, entertainment
86%
style fit score
Effects
transform: rotate(), clip-path: polygon(), mix-blend-mode, repeating patterns, bold shapes
A full-page mock website in this style
Component language
clip-path: polygon() for shapes, background: repeating patterns, transform: rotate() for tilted elements, mix-blend-mode for overlays, border: dashed/dotted patterns, bold sans-serif
Best-fit market
Creative agencies, music sites, youth brands, event promotion, artistic portfolios, entertainment
Palette used
Compassion blue + action orange [Accent adjusted from #F97316 for WCAG 3:1]
Typography pairing
Minimalist Portfolio
Archivo / Space Grotesk
Space Grotesk for distinctive headers. Archivo for clean body.
Implementation checklist
- ☐ Geometric shapes visible
- ☐ Colors bold/clashing
- ☐ Patterns present
- ☐ Layout asymmetric
- ☐ Playful decorations
Chart module: Waffle Chart
Showing what fraction of a whole is filled; percentage progress in a visually engaging and accessible format
Interaction spec
Accessibility: ⚠ Check contrast · AA
Performance: ⚡ Excellent
Mobile: ✓ Good
Avoid: Corporate finance, healthcare, legal, elderly users, conservative brands
Visual system samples
Gallery rhythm
Conversion section
One primary action, one secondary proof path, clear visual hierarchy, focus states, 44px+ hit targets, and token-driven colors.
Primary CTA