Docs

Maximalist Layered Interface

StyleRef·@styleref·
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

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

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
Terms of ServicePrivacy PolicyBlogDocsSTYLE.mdllms.txt
......X
© 2026 StyleRef. All rights reserved.