Branding and positioning
Icons and illustrations
We give you a system—not a loose folder: icons and illustrations that scale across web, apps, and decks with the same visual vocabulary.
We define the graphic contract first: grid, stroke weight, corners, allowed metaphor, and detail level per size. That stops every screen from reinventing the style and breaking code implementation.
For illustrations, we align characters, recurring objects, and a palette derived from identity—with variants for empty, error, and onboarding states. For icons, we cover the product minimum set and document semantic names for accessibility and engineering handoff.
Portfolio of Icons and illustrations
Deliverables
Icon library
Agreed set in editable format plus exports ready for implementation.
Modular illustrations
Reusable scenes or pieces aligned to brand tone (serious, human, technical).
Usage guide
Minimum sizes, grid alignment, pairing with text, and forbidden examples.
Naming and accessibility sheet
Suggested labels for screen readers and conventions for decorative vs informative icons.
Organized source file
Pages by category (navigation, actions, states) for future maintenance.
Onboarding pack
Brief for new designers or agencies to apply the system without reinterpretation.
Execution methodology
-
Inventory and priorities
List of screens, actions, and narratives needing icon or illustration; prioritization by impact and reuse.
-
Style direction
References, stroke tests at 16px/24px, color rules, and pairing with photography or existing UI.
-
Batch production
Iterative drawing with short reviews: half the set first to validate the pattern before scaling.
-
States and variants
Active/disabled, light/dark themes, RTL when needed, and simplified versions for favicon or thumbnails.
-
Technical delivery
Optimized SVG, @1x/@2x PNG, layer naming, Figma symbols (or equivalent), and documentation for developers.
