AI Briefing
KOSign in

BankSalad Overhauls 700+ Icons by Removing Outlines to Enhance Clarity

·2026.10.30 09:00

Key point

BankSalad removed outlines from over 700 icons to improve readability on small screens.

1 / 6

Details

  • Overhauled over 700 icons by completely removing outer lines (outlines) and focusing on the proportion of the surface area
  • A/B design test results confirmed that outlines cause visual noise and obstruct the line of sight for data on small mobile screens (16x16, 24x24)
  • The version with lines removed serves as a clear landmark for menu navigation without compromising the information hierarchy
  • The elimination of exception cases strengthens visual consistency, focuses on the essence of the shape, and maintains the brand's unique sensibility
  • Part 2 covers the process of establishing the color system and formative rules
design-systemui-uxbanksaladbrand-designicon-design
Read originalShare on Threads

This summary was generated automatically by AI. Check the original for the author's claims and context. Copyright belongs to the original author.

Our guide explains how the AI works. Report summary errors, attribution issues, or removal requests via Contact.

Related

BanksaladBanksalad builds a design system unifying 700+ icons with 13 rules and a color paletteBanksaladBanksalad Completes Overhaul of 700 Icons: Applying AI Automation and Flexible Deployment StrategiesHacker NewsClaude Design System PromptKarrotIs it enough for a design system team to just build a good design systemTossWhy Toss reduced its design roles to 2TossCreating Toss's New Face