box-shadow
Preview Surface
Output
Copy-ready CSS
Pure CSS
box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 1), 8px 8px 0px 0px rgba(0, 0, 0, 1);Tailwind v4
shadow-[0px_0px_0px_2px_rgb(0_0_0_/_1),_8px_8px_0px_0px_rgb(0_0_0_/_1)]When to use it
Double Stroke is a hard box-shadow preset built for hard styling. It uses 2 shadow layers to create a brutalist effect that is easy to copy into product cards, dashboards, marketing blocks, and small interface surfaces. A stark double edge for brutalist cards. The shadow is intentionally described as plain CSS, so you can paste it into any framework or convert it into a Tailwind arbitrary value without changing the visual result. The effect stays on the outside edge, so it reads as lift rather than a pressed or recessed treatment. Use it when you want a repeatable starting point, then open it in the generator to adjust offset, blur, spread, color, opacity, or stacked layers for your own layout.
Explore more
More CSS Forge paths
Related
Similar shadows
These presets share tags with Double Stroke and make good nearby alternatives.