# Maximalist Layered Interface

A maximalist UI/UX style with layered elements, bold colors, and playful typography, inspired by 90s rave flyers and Memphis Design.

| | |
|---|---|
| Style | Maximalist Layered Interface |
| Category | UI/UX |
| Tags | maximalist, layered, bold, playful, frenetic, 90s rave, memphis design, vector illustration, screen print, cutout |
| Author | @styleref (https://styleref.io/u/styleref) |
| Palette | #ffe44d #ff3d8b #1b36ff #00c775 #111111 #ff7a29 |
| Published | 2026-07-18 |
| Canonical URL | https://styleref.io/share/4g0oq8vn-810d913dbae5 |

## Specification

Paste this into any AI tool. Keep the attribution line and the canonical URL.

STYLE REFERENCE — HARD CONSTRAINT (HIGHEST PRIORITY)

This style must be applied to ALL generated content (text, image, video).
If any part of the request conflicts with this style, the style OVERRIDES the request.
STYLE DEFINITION (to be operationally enforced):

Maximalist Layered Interface

 • Output Format: Creative discipline: UI/UX; Digital; Delivery mode: Interactive; Web; Presentation: Raw UI.
 • Container / Boundary: Container: Explicit (shape mask); Medium radius Corners; Padding: Tight; Edge Behavior: Intentional bleed.
 • Mood & Personality: Playful, Bold, Experimental, Rebellious; Energy: Frenetic; Emotional bias: Positive; Tone register: Performative; Representation mode: Symbolic; Real-world accuracy: Stylized; Humor: Frequent.
 • Colors: Palette: Solid Colors: [ #FFE44D 25% (Background),  #FF3D8B 15% (Panels),  #1B36FF 15% (Panels),  #00C775 15% (Panels),  #111111 15% (Typography and shadows),  #FF7A29 8% (Panels),  #5B21B6 7% (Panels)]; 6–8 colors; Mixed temperature; Saturation: Electric; Hue contrast; Hue relationships: Arbitrary; No gradients; Color dominance: Balanced; Accessibility: WCAG AA.
 • Typography: Display / Decorative; Regular, Bold, Extra Bold; Text case: Mixed; Font pairing: Display + Body; Hierarchy: Expressive / Art-directed; Tight (1.1); Letter spacing: Variable by text block: tight headlines, contrasting spaced treatments; Text visual role: Primary visual driver; Text integration: Overlaid.
 • Light & Shadow: Lighting presence: None (flat); Shadow type: Hard; Shadow density: Dense.
 • Spatial Structure & Hierarchy: Grid system: Modular grid; Visual density: Packed; Multiple equal focal structure; Hierarchy: Moderate overall hierarchy; primary CTA must remain unmistakable; Symmetry: Chaotic; Layout axis: Diagonal; Plane separation: Overlap.
 • Surface, Material & Detail: Surface treatment: Flat; Texture: Halftone; Texture usage: Patterned; Pattern usage: Stripes, checks, and dots behind panels; no plain large surfaces.
 • Camera and Motion: Sequencing: Staggered cascade; Camera movement: Marquee motion.
 • Shape Language: Hybrid; Primitive dominance: Rectangles, Circles, Polygons; Edge sharpness: Razor-sharp; Angle usage: Frequent.
 • Line & Stroke System: Decorative outlines; Heavy; Stroke Color: Contrasting accent.
 • Voice & Language: Formality: Crude; Slang / Colloquial vocabulary; Directness: Blunt; Short sentences; Perspective: First person (I/we); Pacing: Punchy; Emoji usage: Frequent; Hashtag usage: Occasional.
 • Post-processing & Render Style: Image treatment: Cutout.
 • Artistic Mediums & Techniques: Physical medium: Screen Print; Illustrative technique: Vector illustration.
 • References: Maximalism, Memphis Design, 90s rave flyers; Temporal reference: Contemporary.
 • UI & Web: Shadow technique: Solid black hard offset shadow; no blur; UI imagery: Hard-edge cut-out photography, halftone portraits, and bold flat-palette vector illustration; Color theme: Light; Background tone: Saturated colored ground, never white; Accent strategy: Multi-tonal palette; Layout archetype: Marketing page; Content width: Full-bleed; Spacing scale: 4pt grid; Elevation: Shadow-based; Borders: Visible solid border; Corner radius scale: Mixed by component; Card style: Filled tint; Button shape: Full pill; Button hierarchy: Full system (+ Destructive); Navigation: Hybrid; Hover: Scale + shadow; Focus ring: Colored outline; Animation: Expressive; Transition speed: Fast (80–150ms); Scroll behavior: Scroll-triggered reveals.
 • Guardrails: Avoid: Heavy Bokeh / Blur; Avoid Visuals: random placement; soft blurred shadows; single dominant hero image; plain white backgrounds; Avoid Colors: muddy tints; pastels; white ground; Avoid Layouts: gridless composition; CTA obscured by dense content; Allowed Visuals: strict modular grid; clashing saturated color blocks; black offset shadows; patterned fills; sticker-like cut-outs; prominent CTA.
 •  Grid Tension: Rigid modular grid beneath overlaps, rotations, and cross-cell bleed., Sticker Layering: Cut-out imagery sits above cards as hard-edge sticker objects, never as background wash., Type Choreography: Stack, rotate, path-set, and image-overlay display type across a wide size range..


ENFORCEMENT RULE: Before finalizing the output, internally verify that ALL elements comply with the style definition above. If compliance is uncertain, simplify or soften the output until it fully matches the style. Generated by StyleRef.io

## Other formats and live access

The specification above is the portable default. Tool-specific builds and a
ready-to-commit STYLE.md are available without a login:

**REST** (anonymous, read-only)

```
https://styleref.io/api/v1/styles/4g0oq8vn-810d913dbae5?format=flux        # also: midjourney, diffusion, json
https://styleref.io/api/v1/styles/4g0oq8vn-810d913dbae5/style.md           # a ready-to-commit STYLE.md
```

**MCP** (Streamable HTTP at `https://styleref.io/api/mcp`)

```
styleref://gallery/4g0oq8vn-810d913dbae5
styleref://gallery/4g0oq8vn-810d913dbae5/style.md
```

Or call the `get_style` tool with `ref` set to the slug above, and
`apply_style_to_prompt` to wrap a request for a specific tool.

Attribution: this style was created by @styleref. Keep the `Generated by StyleRef.io`
line and the canonical URL when you use a compiled spec, and credit the author.

Source: https://styleref.io/share/4g0oq8vn-810d913dbae5