TLDR Design 2024-05-30

WhatsApp is developing an AI feature that lets users create profile photos by providing text prompts to personalize and protect user identities. This joins other AI-powered features in the app, alongside a slew of upcoming updates like a revamped Status UI and offline file transfer.

Google is introducing "Minimized Custom Tabs" to its Chrome browser, enabling users to seamlessly switch between web content and native apps via a picture-in-picture window, which enhances app engagement and user retention. This feature is part of Chrome's latest update and aims to improve the web experience on Android.

Discord is refocusing on gaming by redesigning its app to enhance group messages, voice chats, and video calls, aiming to facilitate connections around games. The company is shifting from a broad community chat app to a gaming-centric platform amid changes like staff layoffs and increased regulatory scrutiny.

Design system experts from Bumble, GitHub, and HP discuss leveraging the new Code Connect feature to integrate design and code, highlighting the importance of a shared language and seamless workflow. They emphasize the need for continuous collaboration and the adoption of best practices to maximize the utility of design systems, ensuring consistency and reducing friction between designers and developers.

Use near-black and near-white for comfortable contrast, and saturate neutrals with subtle colors to unify your palette. Prioritize high contrast for essential elements, align optically for a natural look, and adjust letter spacing and line height for readability.

Unsung design heroes like Larry Tesler, Susan Kare, and Douglas Engelbart created fundamental UI elements. Corporations often prefer to keep their employees anonymous, leaving great product work largely unrecognized. While the best designs usually go unnoticed, the design narrative tends to spotlight individuals over teams. Still, it's important to seek inspiration from those who have tackled similar challenges and examine their strategies.

Gradientor is a minimalist tool for generating CSS radial background gradients. It allows the quick creation of vibrant, pastel, or monochromatic gradient backgrounds.

This gallery features various art styles, details, suggested AI prompting keywords, and examples organized by category.

Explore a vast collection of CSS patterns that can be easily copied and customized for various design projects.

UI animations enhance user experience and usability. Thoughtful animations, like mobile menu micro animations and gamified elements, create positive user associations. Tools like Flowmapp assist in planning user flows and designing interfaces.

The ISO's new brand system by Motherbird introduces a scalable grid called "Micro Meso Macro" for flexible communication and uses the inclusive, open-source typeface Inter. Customizable illustrations and clear color guidelines enhance diversity and consistency, maintaining the brand's equity while adding a more approachable feel.

When designing mobile interfaces, designers often overlook the crucial role of keyboards. This article dives into the factors affecting keyboard appearance and behavior on iOS and Android, including input field types, phone models, screen settings, and action buttons. Understanding these elements ensures a great user experience and consistent design across platforms.

A Lego fan designed a detailed Lego Apple Store featuring a glass front, tables with Macs and iPhones, and neatly arranged shelves.

Poly Mono, created by Andrew Bellamy and Otherwhere Collective, is an innovative "game font" made of shapes rather than letters, inspired by 8-bit games and Karel Martens, a Dutch graphic designer.

Companies like Airbnb rely on AI and social media influencers to create unique immersive experiences.