Section-by-Section Asset Map for a Complete Product Launch
| Page / App Zone | Recommended Asset Type | Verified SVG Nexus Source |
|---|---|---|
| Navbar, buttons & dropdown menus | 24×24 monochrome stroke icons | Lucide (ISC), Tabler (MIT), or Heroicons (MIT) via /en/icons/libraries |
| Hero & feature bento spotlights | 3D SVG icons or framed gradient badges | 3D Vector Icons (1,692 MIT) or Icon Badge Generator (/en/tools/icon-generator) |
| 'Works with your stack' logo strip | Tech & service brand marks | Devicon (MIT), LobeHub Icons (MIT), Dashboard Icons (Apache-2.0) — respect trademarks |
| Onboarding & zero-data empty states | Quiet vector scenes (280–400px) | Sketch Illustrations (CC0), Kitbitz (CC0), or Flowbite (MIT) in /en/illustrations |
| 403 / 404 / 500 system screens | Dedicated error-state compositions | SVG Nexus Error States & Cloud Computing illustrations (/en/illustrations) |
| Locale & currency selectors | Crisp regional flags | World Regional Flags (270 MIT icons at /en/icons/flags) |
Unifying Third-Party Assets Under Your Brand Palette
Even when mixing an icon pack (say Phosphor) with an illustration set (say IRA Design or Lukasz Adam), you can make them feel custom-drawn by restricting accent colors to two CSS tokens—your primary brand hue and neutral slate—inside the browser SVG Editor before exporting.