Open Color
yeun.github.ioUse named colour levels across interface code and design swatches.
Use named colour levels across interface code and design swatches.
IBM’s open-source components, patterns and design guidance
Fiori and digital-interface guidance across SAP platforms
Search manufacturer components by name, type code or sketch
Practical visual-design tactics explained for developers
Interface-design guidelines explained through examples and rationale
Reporting and discussions about design tools and practice
React components organized around tokens and reusable recipes
Tailwind interface components with documented interactive behavior
Compare how design systems name and document UI components
Design formatted reports and deliver embedded reporting applications.
Telekom’s component system with a neutral-theme adoption route
Curated website examples with categories, collections and learning
Short interactive UX lessons with assessments and practice briefs
Create a cover design and present it as a rotatable 3D product.
Adobe’s foundations, tokens and interactive component guidance
Browse mockups and related photographic design resources in one archive.
Team email design with restricted layout editing and a separate approval interface
Design principles and writing focused on digital well-being
Build database reports with a Windows designer and publish through a .NET web server.
Generate colours around backgrounds, foregrounds and accents in a design.
Retail email campaigns with reusable language variants
Select a screen region, annotate the detail and save the explanation.
Newsletter design and sharing with connected inbox sending and a live web version