E 2 Design System Get started

Export

E2 is SVG-first. Exported assets must remain clean, editable, and implementation-safe.

SVG rules

Required:

  • correct viewBox
  • no hidden artboards
  • no unnecessary groups
  • no raster effects unless intentionally exported as image
  • no embedded fonts
  • no unused masks
  • no editor metadata when publishing

Icon SVG

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="..." stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Marker SVG

Marker SVGs may include fills and outlines, but must preserve their anchor assumption in metadata.

Symbol SVG

Symbol SVGs use a 0 0 200 200 viewBox and may include subtle fills. Keep all essential visual elements editable.

Optimization

Use SVG optimization after design approval. Do not optimize early if the asset still needs manual editing.