#muted-to-bold-transition

[ follow ]
UX design
fromMedium
1 hour ago

Rethinking design critique

Design critique is essential for designers to build knowledge and confidence through structured feedback and reflection.
#ai
Graphic design
fromMedium
2 weeks ago

Disruption has a shape. Design history shows us what it is.

AI is causing anxiety in design, echoing past technological disruptions like the printing press and desktop publishing.
Typography
fromCsswizardry
1 day ago

font-family Doesn't Fall Back the Way You Think - CSS Wizardry

Font-family declarations are self-contained and do not inherit fallback options from parent elements.
Games
fromMail Online
1 day ago

How good is YOUR colour perception? Take the shade-matching test

The 'Hue Shift' test challenges color perception by requiring players to match colors within a strict time limit.
fromdaverupert.com
4 days ago
Web development

Inverted themes with light-dark()

Adaptive light-dark() support enhances design systems by allowing seamless theme switching without significant performance trade-offs.
Paris food
fromdesignyoutrust.com
1 day ago

Beautiful Visual Storytelling Blending Typography With Charming Children's Book Aesthetics

Pierre-Emmanuel Lyet is a renowned French illustrator and animator known for his innovative cross-disciplinary creative approach.
#design
UX design
fromMedium
4 days ago

Designing for the invisible customer

The act of choosing in design is increasingly outsourced to digital gatekeepers, redefining the role of design and aesthetics.
UX design
fromMedium
2 weeks ago

Sorry, designers, we don't decide the future of design

Designers do not shape their field; they respond to market-driven changes, especially with the rise of AI in design processes.
Web design
fromLukew
2 days ago

LukeW | Should Designers

Designers should code, and AI coding agents are bridging the gap between design and development.
UX design
fromMedium
4 days ago

Designing for the invisible customer

The act of choosing in design is increasingly outsourced to digital gatekeepers, redefining the role of design and aesthetics.
UX design
fromMedium
2 weeks ago

Sorry, designers, we don't decide the future of design

Designers do not shape their field; they respond to market-driven changes, especially with the rise of AI in design processes.
#graphic-design
Graphic design
fromPRINT Magazine
5 days ago

James Junk is the Voice Design Needs Now - PRINT Magazine

Andrei James Dominiq, a graphic designer, found his creative voice during COVID, transforming personal reflections into impactful visual designs.
Graphic design
fromPRINT Magazine
5 days ago

James Junk is the Voice Design Needs Now - PRINT Magazine

Andrei James Dominiq, a graphic designer, found his creative voice during COVID, transforming personal reflections into impactful visual designs.
#interior-design
Design
fromDesign Milk
3 days ago

An Argument for Interior Design with Neuroaesthetics in Mind

Interior design should prioritize functional aesthetics to enhance mental health, creativity, and interpersonal connections through a new field called Neuroarchitecture.
Remodel
fromApartment Therapy
2 days ago

Your Living Room Might Feel "Off" - These 5 Things Could Be Why

Proper window treatments and lighting are essential for enhancing the vibe of a living room.
Remodel
fromApartment Therapy
2 days ago

This Once-Plain Kid's Bedroom Got a Bold Color-Drenched Makeover

A carefully selected paint color can transform a child's bedroom into a vibrant and engaging space that reflects their personality.
Design
fromDesign Milk
3 days ago

An Argument for Interior Design with Neuroaesthetics in Mind

Interior design should prioritize functional aesthetics to enhance mental health, creativity, and interpersonal connections through a new field called Neuroarchitecture.
Remodel
fromApartment Therapy
2 days ago

Your Living Room Might Feel "Off" - These 5 Things Could Be Why

Proper window treatments and lighting are essential for enhancing the vibe of a living room.
Web frameworks
fromBram.us
1 week ago

Introducing view-transitions-toolkit, a collection of utility functions to more easily work with View Transitions.

View-transitions-toolkit simplifies implementing advanced View Transition patterns with focused helper functions.
Television
fromFast Company
2 days ago

The 'Bait' title cards are an analog homage to spycraft, with their own hidden codes

Bait is a dramedy about a British-Pakistani actor grappling with identity and public scrutiny after a leaked audition.
#css
JavaScript
fromRubyflow
2 days ago

Practical CSS: simplifying UI code with pseudo-classes

CSS pseudo-classes can simplify UI interactions by handling presentation logic, allowing JavaScript to focus on behavior.
Web development
fromCSS-Tricks
4 days ago

Alternatives to the !important Keyword | CSS-Tricks

Using !important in CSS can lead to chaos and should be replaced with better practices for maintainability.
Web development
fromCSS-Tricks
1 week ago

Making Complex CSS Shapes Using shape() | CSS-Tricks

Creating complex CSS shapes with randomness and curves is challenging but achievable using modern features and generators.
JavaScript
fromRubyflow
2 days ago

Practical CSS: simplifying UI code with pseudo-classes

CSS pseudo-classes can simplify UI interactions by handling presentation logic, allowing JavaScript to focus on behavior.
Web development
fromCSS-Tricks
4 days ago

Alternatives to the !important Keyword | CSS-Tricks

Using !important in CSS can lead to chaos and should be replaced with better practices for maintainability.
Web development
fromCSS-Tricks
1 week ago

Making Complex CSS Shapes Using shape() | CSS-Tricks

Creating complex CSS shapes with randomness and curves is challenging but achievable using modern features and generators.
Renovation
fromwww.remodelista.com
3 days ago

Paint Colors With Cult Followings: Architects' Favorite Paint Picks

Architects and designers frequently choose specific colors for their versatility and universal appeal in various home styles.
fromThisweekinreact
3 days ago

This Week In React #276: Boneyard, Ink, MUI, React Router, Next.js, shadcn, Docusaurus, Comark, Forms, Shaders | RN 0.85, ViewTransition, Skia, Windows, CRNL, Maestro, True Sheet, Nitro Player, RNGH | JSIR, Security, esbuild, Ky, Intl | This Week In React

React Native v0.85 introduces a new Shared Animation backend, enhancing the animation capabilities of applications. Upcoming features like <ViewTransition> and Skia Graphite promise to further improve user experiences.
React
Gadgets
fromComputerworld
3 days ago

The Android dark mode upgrade you deserve

Android's dark mode lacks contextual intelligence, limiting its usefulness despite the potential of modern device sensors.
fromFast Company
3 days ago

'We make people feel something as a result of our work:' Figma's chief design officer on how to build impactful technology

"If we are successful, we make people feel something as a result of our work," says Crisan, emphasizing the emotional impact of design.
Music production
UX design
fromWE AND THE COLOR
13 hours ago

Can AI Search Read Your Design? The New Invisible SEO

AI search engines cannot interpret visual design, making brands with only aesthetic appeal effectively invisible online.
#svg-favicons
Web development
fromCSS-Tricks
1 week ago

What's !important #8: Light/Dark Favicons, @mixin, object-view-box, and More | CSS-Tricks

SVG favicons can adapt to color schemes, and @mixin is progressing in CSS.
Web development
fromCSS-Tricks
1 week ago

What's !important #8: Light/Dark Favicons, @mixin, object-view-box, and More | CSS-Tricks

SVG favicons can adapt to color schemes, and @mixin is progressing in CSS.
Graphic design
fromBusiness Matters
4 days ago

How Aleksandr Loginov Is Redefining Design in the Age of AI

Recent design tools enable precise control, shifting designers' roles towards systems architecture and usability in creative production.
Design
fromBig Think
5 days ago

"Agreeable Gray": How color vanished from modern life (and why it's coming back)

The most popular house paint colors in the U.S. are predominantly gray, beige, or off-white, reflecting a trend known as 'the grayening.'
Web development
fromComputerworld
2 days ago

Chrome, Vivaldi, and the challenge of changing browsers

Switching from Chrome to Vivaldi can enhance productivity and optimize digital environments for users seeking better browser experiences.
Graphic design
fromItsnicethat
3 days ago

Blurr Bureau gives us a lesson in how to brand something that's been around forever: Apples

Developing a visual identity for Yes! Apples allowed for innovative branding in a traditionally unbranded produce category.
UX design
fromMedium
3 days ago

Top 3 Claude Code + Figma Workflows

Not all Claude Code + Figma workflows are equally effective; identifying the right ones is crucial for designers.
fromYanko Design - Modern Industrial Design News
4 days ago

Your Phone Has 12 Calendar Apps. None of Them Look Like This - Yanko Design

The 1970s were a sweet spot in product design, especially in France, where makers were beginning to marry natural materials like wood with the new optimism of plastic.
Design
jQuery
fromCSS-Tricks
2 weeks ago

Experimenting With Scroll-Driven corner-shape Animations | CSS-Tricks

Scroll-driven animations and CSS corner-shape property enable innovative design features in web development.
Web development
fromInfoQ
3 days ago

Tailwind CSS 4.2 Ships Webpack Plugin, New Palettes and Logical Property Utilities

Tailwind CSS 4.2.0 introduces a webpack plugin, new color palettes, and expanded logical property utilities, enhancing integration and design flexibility.
fromMedium
3 weeks ago

You can't design what you won't maintain

Santa Cruz de Tenerife is one of the most idyllic cities in the Canary Islands. At its heart stands the jewel - the Auditorio. It's a place where talent from both worlds, New and Old, comes together. A theatre, opera, dance, and music heaven.
Berlin
UX design
fromMedium
4 days ago

Beyond the user: why design needs to widen its circle

Human-centered design must evolve to consider ecological impacts alongside user comfort and needs.
Typography
fromMass-driver
1 week ago

MD UI: a Typeface for Interfacing

Typefaces deserve careful design and consideration, balancing quality and legibility while acknowledging the challenges of achieving perfection.
UX design
fromMedium
5 days ago

Who are we really designing for?

Designing effectively requires distinguishing between the individual User and the collective Customer.
UX design
fromMedium
5 days ago

The UX ground is shaking, synthetic users, building perspective

A clear design perspective is crucial; it defines what to exclude, ensuring focus on what truly matters.
Web design
fromZDNET
3 weeks ago

Why your biggest tech upgrade this year is a splash of color

Tech companies increasingly release hardware in vibrant colors like pink, reflecting consumer demand for personalized, colorful technology that serves as personal extensions rather than neutral devices.
#product-design
UX design
fromFast Company
5 days ago

Design has been solving the wrong problem

Design should prioritize real-life usability over aesthetic appeal to enhance long-term satisfaction with products.
Graphic design
fromMedium
2 weeks ago

For Craft Sake: On the laws and principles behind good design

Craft is experiencing a resurgence in product design, emphasizing fundamental skills amidst the rise of generative AI and industry confusion.
UX design
fromFast Company
5 days ago

Design has been solving the wrong problem

Design should prioritize real-life usability over aesthetic appeal to enhance long-term satisfaction with products.
Graphic design
fromMedium
2 weeks ago

For Craft Sake: On the laws and principles behind good design

Craft is experiencing a resurgence in product design, emphasizing fundamental skills amidst the rise of generative AI and industry confusion.
Web design
fromFast Company
3 weeks ago

Figma takes a hit as Google doubles down on 'vibe design'

Google launches AI-native Stitch design tool with new features including infinite canvas, AI agents, and design system integration to compete in the AI-powered UI design market.
Design
fromdesignboom | architecture & design magazine
3 weeks ago

a rich palette of saturated hues meet industrial precision in mara's renewed digital identity

Mara enters 2026 as a global interior design protagonist, expanding from office and hospitality into residential markets while strengthening its digital identity and sustainability commitment.
#accessibility
UX design
fromMedium
6 days ago

The invisible layer of UX most designers ignore

Designers must prioritize screen reader compatibility to ensure accessibility, as users rely on spoken content rather than visual elements.
UX design
fromSmashing Magazine
2 weeks ago

Testing Font Scaling For Accessibility With Figma Variables - Smashing Magazine

Accessibility should integrate seamlessly into design workflows, making it a natural part of the process rather than an optional feature.
UX design
fromMedium
6 days ago

The invisible layer of UX most designers ignore

Designers must prioritize screen reader compatibility to ensure accessibility, as users rely on spoken content rather than visual elements.
UX design
fromSmashing Magazine
2 weeks ago

Testing Font Scaling For Accessibility With Figma Variables - Smashing Magazine

Accessibility should integrate seamlessly into design workflows, making it a natural part of the process rather than an optional feature.
Cars
fromLmnt
1 month ago

Have We Forgotten How to Design?

Waymo's partnership with DoorDash to manually close passenger car doors reveals a fundamental oversight in autonomous vehicle design, despite the availability of proven automated door technology.
UX design
fromMedium
5 days ago

We didn't mean to build this- engagement at any cost

Meta was fined $375 million for misleading users about platform safety, highlighting systemic issues in tech design and user protection.
#design-systems
Typography
fromAlicepackarddesign
3 weeks ago

Managing icon component sizes

Design systems restrict icon sizes using either a size variant property on individual icon components or on a wrapper component with instance swap properties for glyph selection.
UX design
fromDesign Systems Report 2026
1 week ago

Design Systems Report 2026 - brought to you by zeroheight

Design systems are transitioning from inflated expectations to disillusionment, facing challenges in adoption, resource allocation, and executive support.
Typography
fromAlicepackarddesign
3 weeks ago

Managing icon component sizes

Design systems restrict icon sizes using either a size variant property on individual icon components or on a wrapper component with instance swap properties for glyph selection.
UX design
fromDesign Systems Report 2026
1 week ago

Design Systems Report 2026 - brought to you by zeroheight

Design systems are transitioning from inflated expectations to disillusionment, facing challenges in adoption, resource allocation, and executive support.
UX design
fromMedium
6 days ago

"Vibe coding" is accelerating the erosion of design authority

Google Stitch impresses as a rapid interface generator but suffers from common flaws of vibe coding tools, including visual homogeneity and unrefined code.
#design-principles
UX design
fromSmashing Magazine
1 week ago

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.
UX design
fromSmashing Magazine
1 week ago

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.
UX design
fromSmashing Magazine
1 week ago

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.
UX design
fromSmashing Magazine
1 week ago

A Practical Guide To Design Principles - Smashing Magazine

Design principles align teams, inform decisions, and embody organizational values, serving as essential tools in the design process.
Web development
fromUna
4 weeks ago

una.im | contrast-color() beyond black & white

contrast-color() returns black or white for maximum contrast, but workarounds using color-mix() and style queries enable custom color palette selection while maintaining accessibility.
Typography
fromItsnicethat
3 weeks ago

Eleanor Yang merges the synthetic and organic to make typography you can touch

Synthetic Nature presents three typefaces—DNA, Mesh, and Data—that metaphorically represent life through biological, network, and computational structures, exploring how biology, computation, and culture merge.
UX design
fromMedium
1 week ago

Design engineers, UX Design's demise, forget your "lovable" products

Design Engineering merges visual design and front-end development, focusing on the intersection of design decisions and technical implementation.
Graphic design
fromMedium
1 month ago

Design is not just how it works. Design is how it wins.

AI commodifies work, shifting design's mandate from functional excellence to competitive winning as the primary objective.
Web design
fromRaymondcamden
1 month ago

Dyanimically Adjusting Image Text for Contrast

Color Thief library now includes TypeScript definitions and new contrast detection features, including a textColor property that automatically suggests optimal text color for readability over images.
UX design
fromCSS-Tricks
2 weeks ago

Generative UI Notes | CSS-Tricks

Generative UI Design uses AI to create personalized user interfaces tailored to individual needs in real-time.
Design
fromBusiness Matters
1 month ago

Why You Should Beautify Slides for Better Engagement and Clarity

Effective presentations prioritize clear messages with supporting visuals over decorative design, making content memorable and engaging while reducing cognitive load for audiences.
Cooking
fromMedium
1 month ago

Escaping the ennui in UI

AI-driven 'vibedesign' favors shallow aesthetics over craft, urging a return from prompt 'shimmer' to practiced 'friction' and genuine mastery.
fromSubstack
1 month ago

20 Design Reference Platforms Beyond Dribbble

Static images don't show motion. You can't inspect real product structure. You don't see how interfaces evolve over time. You rarely understand what actually works in production. So I decided to go deep. I reviewed every major design reference platform I could find - not just the popular ones - and analyzed how they actually help in real-world work. The conclusion?
Mobile UX
fromMedium
2 months ago

Design tokens with confidence

Design tokens are all your design decisions, that define a design system's aesthetic properties, everything from colors and font sizes to spacing units and border radii. They are the modern evolution of hard-coded values. They are stored in a central, platform-agnostic repository, establishing a single source of truth for your entire digital product suite. This central management allows teams to consume the exact same design values across all platforms (web, native apps, documentation).
Design
UX design
fromFast Company
1 month ago

5 design principles to feel fully alive

Meaningful life emerges through daily design practices and experiences rather than one-time discovery, with aliveness and human potential exceeding what any single lifetime can express.
Web development
fromSmashing Magazine
2 months ago

Smashing Animations Part 8: Theming Animations Using CSS Relative Colour - Smashing Magazine

CSS relative colour values and OKLCH enable simpler, controllable theming and dynamic animation of SVG graphics, including time-based and interaction-based palette changes.
fromdaverupert.com
3 months ago

Using your design system colors with contrast-color()

One predictable pain point with contrast-color() is that it only returns black and white named colors. From a design systems perspective, that's not ideal because you want your colors. You want your harmonious brand and the colors you and your team spent thousands of man hours in meetings deciding on. Those colors. In fact, an earlier version of Safari had color-contrast() (confusing I know, naming is hard) which allowed you to pass in a list of best candidates to choose from. I beleive that proposal got mired in standards discussions, color contrast algorithms, and competing proposals; and contrast-color() is what survived which got simplified down to a binary result.
fromblog.logrocket.com
2 months ago

Linear design vs. minimalism, brutalism, and neumorphism - LogRocket Blog

Linear-style UIs look simple, but the theming system has to do real work. Here's how to meet WCAG 2.2 contrast requirements across light, dark, and high-contrast modes whether you're using a UI library or rolling your own tokens.
UX design
UX design
fromMedium
2 months ago

UI Style Exploration with Nano Banana Pro

Visual styles shape product feel, affordances, and interface intent; studying historical OS design reveals visual hierarchy, interaction patterns, and emotional tone.
UX design
fromMedium
2 months ago

UI Style Exploration with Nano Banana Pro

Visual styles shape product feel, interpret affordances, and communicate interface intent; studying past OS design languages reveals visual hierarchy, interaction patterns, and emotional tone.
UX design
fromMedium
2 months ago

Design tokens with confidence

Aligning design tokens with the W3C standard creates a platform-agnostic single source of truth that propagates updates consistently and reduces maintenance and visual regressions.
fromMedium
2 months ago

UI Design with Nano Banana Pro

Nano Banana Pro (Gemini 3 image model) is particularly strong for UI design because of its 99% text accuracy, its ability to understand spatial layout, and its support for high-resolution 4K output. In this article, I want to share my 5 favorite cases of using this model for UI design tasks. ( Quick note: I won't dive into a critique of the output generated by AI in this article, letting you decide whether you like it or not)
UX design
fromMedium
2 months ago

Clarity or Conformity? Rethinking the Rules of Content Design

In Andor, I got chills when Mon Mothma warns the senate of a chilling truth: When we let noise, conformity, or fear dominate, we lose sight of what matters. We risk allowing the loudest voices, often the safest, the most predictable, to drown out individuality, identity, and truth. To me, this line... This line echoes a growing tension I feel in content design.
UX design
UX design
fromFreebie Supply
2 months ago

CSS Calendar Ideas - Freebie Supply

User-friendly, well-designed web and app calendars integrated via front-end frameworks and CSS are essential for accurate date selection and strong UX across devices.
UX design
fromblog.logrocket.com
2 months ago

How do you implement accessible linear design across light and dark modes? - LogRocket Blog

Practical design and UX practices improve product consistency, research clarity, writing quality, and authentication security for SaaS and B2B/B2C products.
fromMedium
2 months ago

The Design Vibeshift

Something's been slowly shifting in the design zeitgeist. I've been watching my feed on X and the vibe has changed. More and more, I see designers sharing finished experiments or prototypes they coded themselves, rather than static Figma files. Moving from working on a canvas to talking to an LLM. The conversation isn't "here's a design I made" anymore... it's "here's something I shipped this afternoon."
UX design
UX design
fromMedium
3 months ago

Clean up UI design with Figma Make

Figma Make can refine and convert existing Figma designs into cleaner interactive prototypes and code, enabling designers to clean up and improve designs.
UX design
fromMedium
1 month ago

The natural design process

Design should return to essential, natural practices emphasizing observation and focused problem-solving rather than bloated processes.
fromblog.logrocket.com
2 months ago

Which UI libraries/frameworks support the Linear aesthetic? - LogRocket Blog

Teams often use customer and user interchangeably until it breaks alignment. Here's how separating the two clarifies research, prioritization, and messaging across B2C, B2B, and B2B2C products.
UX design
[ Load more ]