01
Simple shapes
Rectangles, circles, lines, fills and borders are best kept as Zero Block elements. They are lighter, editable and adapt cleanly across breakpoints.
02
Complex paths
Icons and illustrations with many nodes are more reliable as SVG. They stay sharp, though internal paths are no longer editable in Zero Block.
03
Gradients and opacity
Check linear and radial gradients for angle, color stops and opacity. Blend modes and background blur can differ between an editor canvas and a browser.
04
Practical rule
If an effect defines structure, keep it native. If it is purely decorative and complex, choose SVG or raster to reduce unstable CSS combinations.