Illustrations are used sparingly across Nexub products to communicate ideas that words alone can't capture — empty states, errors, onboarding. Follow these guidelines to keep the visual language consistent.
Purposeful, not decorative
Every illustration should earn its place. Use visuals to explain something that words alone cannot — empty states, onboarding, complex concepts. Never add an illustration just to fill space.
Inclusive and global
Characters should reflect a diverse, global audience. Avoid culturally specific gestures, clothing, or settings unless intentional. When in doubt, use abstract or object-based illustrations.
Brand-consistent
Nexub illustrations use the brand color palette as a base. Accent colors should map to semantic token values where possible so they adapt across light and dark themes.
Minimal and clear
Keep illustrations simple. A single focal point, limited palette, and clean lines. Detailed and intricate illustrations add cognitive load — simplicity communicates faster.
Empty statesAn illustration helps users understand the empty state is intentional and shows them how to take action. Keep it simple and pair it with clear body copy.
OnboardingWelcome screens and feature introductions benefit from an illustration to set the tone and reduce anxiety about starting.
Error pages (404, 500)A subtle, non-alarming illustration softens the experience. Avoid dramatic imagery.
Feature calloutsUse to visually anchor a major new feature or empty category in a product.
Nexub DS