Solid Brutalist Offset

Hard, solid-color 100% opacity offset shadow. Pure Neo-brutalism design standard without any blur spread.

retroboldplayfulcreativeecommercemedia

Interactive Preview

Tap / Hover me

CSS Math Analysis

Transition: all 150ms linearHover Box Shadow: 8px 8px 0px 0px #000000Scale Target: 1

Export Snippets

Switch formats without compressing the preview layout.

AI Prompt

Natural-language design direction for AI coding tools.

Implement a Neo-Brutalist shadow system. Shadows must have exactly 0px blur radius. Use an offset like 4px 4px base, expanding to 8px 8px on hover, paired with black 2px solid borders. Do not scale the element, move it physically via translation if needed or just expand the solid shadow. Highly retro, geometric vibe.

Shadow

Solid Brutalist Offset

Hard, solid-color 100% opacity offset shadow. Pure Neo-brutalism design standard without any blur spread.

retroboldplayfulcreativeecommercemedia

Interactive Preview

Tap / Hover me

CSS Math Analysis

Transition: all 150ms linearHover Box Shadow: 8px 8px 0px 0px #000000Scale Target: 1

Export Snippets

Copy or download the current format while keeping the preview in view.

AI Prompt

Natural-language design direction for AI coding tools.

Implement a Neo-Brutalist shadow system. Shadows must have exactly 0px blur radius. Use an offset like 4px 4px base, expanding to 8px 8px on hover, paired with black 2px solid borders. Do not scale the element, move it physically via translation if needed or just expand the solid shadow. Highly retro, geometric vibe.

Back to Explore

Shadow

4 export formats

Solid Brutalist Offset

Hard, solid-color 100% opacity offset shadow. Pure Neo-brutalism design standard without any blur spread.

retroboldplayfulcreativeecommercemedia

Interactive Preview

Tap / Hover me

CSS Math Analysis

Transition: all 150ms linearHover Box Shadow: 8px 8px 0px 0px #000000Scale Target: 1

Export Snippets

Switch formats without compressing the preview layout.

AI Prompt

Natural-language design direction for AI coding tools.

Implement a Neo-Brutalist shadow system. Shadows must have exactly 0px blur radius. Use an offset like 4px 4px base, expanding to 8px 8px on hover, paired with black 2px solid borders. Do not scale the element, move it physically via translation if needed or just expand the solid shadow. Highly retro, geometric vibe.

Shadow

Solid Brutalist Offset

Hard, solid-color 100% opacity offset shadow. Pure Neo-brutalism design standard without any blur spread.

retroboldplayfulcreativeecommercemedia

Interactive Preview

Tap / Hover me

CSS Math Analysis

Transition: all 150ms linearHover Box Shadow: 8px 8px 0px 0px #000000Scale Target: 1

Export Snippets

Copy or download the current format while keeping the preview in view.

AI Prompt

Natural-language design direction for AI coding tools.

Implement a Neo-Brutalist shadow system. Shadows must have exactly 0px blur radius. Use an offset like 4px 4px base, expanding to 8px 8px on hover, paired with black 2px solid borders. Do not scale the element, move it physically via translation if needed or just expand the solid shadow. Highly retro, geometric vibe.