Practical UI
practical-ui.comInterface-design guidelines explained through examples and rationale
Interface-design guidelines explained through examples and rationale
Fiori and digital-interface guidance across SAP platforms
Google’s icon system with adjustable fill, weight, grade and optical size.
Retail type families with trials and custom design services.
A 20-pixel line-icon family with SVG and ligature-font formats.
General and Bitcoin-specific symbols for wallet and related interfaces.
Discover and use multiple icon sets through shared tools.
Original variable type systems with company-size-based commercial licensing.
Choose an interior model's delivery format and retain access to purchased files
Multilingual type design with a guided licensing questionnaire.
Lucas Le Bihan’s type families and the references behind their designs.
Sketch product ideas and system diagrams together on a structured team whiteboard.
Develop coordinated repeating patterns from your own artwork
Reference screens, flows and animations from shipped products
Illustration packs and character constructors with free and paid download access
Design principles and writing focused on digital well-being
Reporting and discussions about design tools and practice
Generate interface themes from target contrast ratios and colour scales.
Parametric modelling built around sketches and model history
Builds custom AI workflows for brand design, illustration and photography.
Website references filtered by visual style and project type
A Tailwind design system separating visual and interactive layers
Collaborative email design with workspace-specific brands, approvals and export connectors
Advanced interaction prototypes across devices