Maximalist Layered Interface

StyleRef·@styleref·

Extract your style to start building your Style Board.

Made with this StyleRef

Same style, different prompts.

One vehicle-details screen, alone in the frame — the style at the size a gallery card shows it.

A hero with a photographic subject and overlapping cards breaking the fold.

A vehicle OS with an icon rail, drive readouts, a map and a music player.

Shipment list beside a full-height map — the style handling a live tracking view.

Description

Every surface is doing something: clashing color fields, stacked type, pattern, sticker-like objects and overlapping panels. Dense and loud by intent, held together by a strict grid underneath the noise.

Colors

#FFE44D25%Usage: Background

#FF3D8B15%Usage: Panels

#1B36FF15%Usage: Panels

#00C77515%Usage: Panels

#11111115%Usage: Typography and shadows

#FF7A298%Usage: Panels

#5B21B67%Usage: Panels

Palette Size

6–8 colors

Color Temperature

Mixed

Saturation Range

Electric

Contrast Strategy

Hue contrast

Hue Relationships

Arbitrary

Gradient Policy

No gradients

Color Dominance

Balanced

Accessibility Level

WCAG AA

Mood & Personality

Playful, Bold, Experimental, Rebellious

Energy Level

Frenetic

Emotional Bias

Positive

Tone Register

Performative

Representation Mode

Symbolic

Real-world Accuracy

Stylized

Humor Usage

Frequent

Container / Boundary

Container presence

Explicit (shape mask)

Corner treatment

Medium radius

Padding rules

Tight

Edge behavior

Intentional bleed

Camera and Motion

Animation Sequencing

Staggered cascade

Camera Movement

Marquee motion

Line & Stroke System

Stroke Usage

Decorative outlines

Stroke Weight

Heavy

Stroke Color

Contrasting accent

Post-processing & Render Style

Image Treatment

Cutout

Guardrails

Common Artifacts to Avoid

Heavy Bokeh / Blur

Avoided Visuals

random placement; soft blurred shadows; single dominant hero image; plain white backgrounds

Avoided Colors

muddy tints; pastels; white ground

Avoided 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

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 Approach

Shadow-based

Border Philosophy

Visible solid border

Corner Radius Scale

Mixed by component

Card Style

Filled tint

Button Shape

Full pill

Button Hierarchy

Full system (+ Destructive)

Navigation Pattern

Hybrid

Hover Treatment

Scale + shadow

Focus Ring Style

Colored outline

Animation Philosophy

Expressive

Transition Speed

Fast (80–150ms)

Scroll Behavior

Scroll-triggered reveals

Shape Language

Shape Basis

Hybrid

Primitive Dominance

Rectangles, Circles, Polygons

Edge Sharpness

Razor-sharp

Angle Usage

Frequent

Surface, Material & Detail

Surface Treatment

Flat

Surface Texture Style

Halftone

Texture Usage

Patterned

Pattern / Motif Usage

Stripes, checks, and dots behind panels; no plain large surfaces

Artistic Mediums & Techniques

Physical Medium

Screen Print

Illustrative Technique

Vector illustration

Custom Style Items

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.

Typography

Regular, Bold, Aa, Bb, Typography

Font FamilyDisplay / Decorative

Line HeightTight

Font WeightsRegular, Bold, Extra Bold

Letter SpacingVariable by text block: tight headlines, contrasting spaced treatments

Text Case

Mixed

Font Pairing Strategy

Display + Body

Hierarchy

Expressive / Art-directed

Text Visual Role

Primary visual driver

Text Integration

Overlaid

Output Format

Creative Discipline

UI/UX

Medium

Digital

Delivery Mode

Interactive

Platform

Web

Presentation Context

Raw UI

Light & Shadow

Lighting Presence

None (flat)

Shadow Type

Hard

Shadow Density

Dense

Voice & Language

Formality

Crude

Vocabulary Level

Slang / Colloquial

Directness

Blunt

Sentence Length

Short

Writing Perspective

First person (I/we)

Copy Pacing

Punchy

Emoji Usage

Frequent

Hashtag Usage

Occasional

Spatial Structure & Hierarchy

Grid System

Modular grid

Visual Density

Packed

Focal Structure

Multiple equal

Hierarchy Clarity

Moderate overall hierarchy; primary CTA must remain unmistakable

Symmetry

Chaotic

Layout Axis

Diagonal

Plane Separation Method

Overlap

References

Cultural References

Maximalism, Memphis Design, 90s rave flyers

Temporal Reference

Contemporary

......X