
{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"From satay to seafood — this Indonesian food icon set brings the richness of the archipelago's culinary identity into a clean, scalable UI system built for Tokopedia's marketplace."}]},{"type":"image","attrs":{"src":"https://mir-s3-cdn-cf.behance.net/project_modules/fs/4e0ea8147011375.62badd30434ef.png","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Icon Design — Indonesian Food Icons"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"UI Icon Set · Food Category Icons · Tokopedia · E-Commerce"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A thoughtfully crafted food icon set designed for Tokopedia's Indonesian food marketplace — built to represent the diverse culinary categories of Indonesian cuisine in a consistent, scalable, and visually cohesive system."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The icon set is organized around a three-color variant system: active green, accent orange, and neutral grey — a deliberate design decision that gives the system maximum UI flexibility. The green variant signals selection or primary state; the orange variant communicates action, promotion, or secondary highlight; the grey variant serves inactive or disabled states. All three maintain identical form and weight, ensuring seamless state transitions in any UI context."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The icons visible in this panel represent three essential Indonesian food categories: a crossed fork-and-spoon for the general dining category — the universal restaurant marker given a local, approachable stroke weight; a prawn/shrimp icon for seafood — rendered with enough anatomical accuracy to be instantly recognizable yet simple enough to read at 24px; a grilled meat or fish steak for the protein category, with characteristic grill lines that communicate texture and cooking method in four strokes; and a satay skewer cluster — two bamboo skewers with three rounds each — the most distinctly Indonesian icon in the set, immediately grounding the icon system in local culinary culture."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Each icon shares a consistent stroke weight, rounded terminals, and a 2:3 aspect ratio that scales from mobile nav bars to desktop category headers without loss of clarity. The outlined style with selective fill creates visual warmth while maintaining the technical precision a product icon system demands."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"An icon set that speaks the visual language of Indonesian food culture — precise, familiar, and built to perform at every size."}]}]}
Tech Stack
Tags
Completed
March 2021
Project Scale
short Project