Open Color
yeun.github.ioUse named colour levels across interface code and design swatches.
Use named colour levels across interface code and design swatches.
Build a design practice through direct projects and contests
IBM’s open-source components, patterns and design guidance
Search manufacturer components by name, type code or sketch
Fiori and digital-interface guidance across SAP platforms
Practical visual-design tactics explained for developers
Interface-design guidelines explained through examples and rationale
React components organized around tokens and reusable recipes
Tailwind interface components with documented interactive behavior
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
Home project design with automatic building models
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
Reporting and discussions about design tools and practice
Generate colours around backgrounds, foregrounds and accents in a design.
Select a screen region, annotate the detail and save the explanation.
Combine navigation, first-impression and task-based UX tests
Newsletter design and sharing with connected inbox sending and a live web version
Preview designs across product mockups and adjust placement, colour and presentation.