TLDR DESIGN 2026-03-19

Get your free year

FIREFOX TEASES NEW LOGO WITHOUT ICONIC FOX

Firefox has teased a new logo by posting a fox-less version on Instagram, showing only a purple orb. The company promises the fox will return "next week," likely featuring their new mascot character, "Kit," with a visible face design. This logo change is part of a broader brand refresh that includes pastel color palettes and softer, more rounded aesthetics.

GAMMA ADDS AI IMAGE-GENERATION TOOLS IN BID TO TAKE ON CANVA AND ADOBE

Gamma Imagine is an AI image-generation tool that creates brand-specific marketing assets via text prompts, competing with Canva and Adobe. The platform, which raised $68 million at a $2.1 billion valuation, aims to serve knowledge workers who need visual communication tools but lack design resources. Gamma is approaching 100 million users and integrates with tools such as ChatGPT, Claude, and Zapier to power its AI-driven asset-creation features.

IPHONE 18 PRO: THREE NEW DESIGN UPDATES ARE COMING THIS YEAR

Rumors suggest Apple will give the iPhone 18 Pro and Pro Max a more unified rear design (removing the two-tone look), shrink the Dynamic Island by about 35% with partial under-display Face ID, and continue experimenting with bold new colors like brown, purple, or burgundy, possibly without offering a standard black option.

DURABLE PATTERNS IN AI PRODUCT DESIGN

Recurring design patterns across AI product evolution consistently prove their value as interfaces shift from background AI to chat to agentic systems. As AI gains the ability to use tools and orchestrate sub-agents, a core UX challenge becomes balancing transparency with cognitive load, with collapsed, expandable action logs emerging as a reliable solution. Capability awareness, context awareness, and output readability remain the central unsolved problems shaping how AI products are built today.

DETAILS THAT MAKE INTERFACES FEEL BETTER

Great interfaces result from a collection of small details that compound into better user experiences. Key techniques include balanced text wrapping, concentric border radii for nested elements, contextual icon animations, crisp text rendering, and tabular numbers for consistent digit spacing. Making animations interruptible and using CSS transitions instead of keyframe animations creates more responsive interfaces that adapt to user behavior changes.

A DESIGNER'S FIELD REPORT ON THE ICONIC BLIND SPOT IN AI WORLD MODELS

Experiments with Gemini and other leading AI systems highlight a core limitation of current LLMs: they lack true spatial and physical understanding because they are not grounded in real-world, embodied experience. Failures in generating and reasoning about simple physical scenarios reveal three key gaps—Continuity (no coherent 3D spatial model), Gravity and Physics (no sense of physical constraints), and Reversibility of Thought (inability to reset or backtrack reasoning), showing that modern AI operates as a top-heavy symbolic system that can produce fluent outputs but often lacks structural correctness.

AI VIDEO AND IMAGE GENERATOR

Create professional-quality videos and images in seconds with Crano.

BUTTONY

Buttony offers a collection of animated buttons designed to enhance web projects with dynamic visual elements.

AI VIDEO AD MAKER FOR TIKTOK, REELS, AND SHORTS

Temvideo.ai is an AI-powered video ad maker that creates TikTok, Reels, and Shorts content without requiring a camera or filming skills.

MOTION TOKENS: NAMING YOUR MOVEMENT

Design tokens standardize motion in interfaces, covering duration, easing, and accessibility in one unified system. The approach follows a three-tier architecture (primitive, semantic, and component-specific) with JSON examples for durations and easing curves like cubic-bezier coordinates. This prevents inconsistent animations across teams by giving shared names to motion values, ensuring interfaces move with consistent personality rather than having developers hardcode their own versions of "fast" or "slow."

HEX DESIGNS BOLD GEOMETRIC BLOCKS TO MAP GRAFANA'S PRODUCT ECOSYSTEM

HEX built Grafana's brand around a modular geometric “block” system that mirrors how its products work, with visuals (like scanning lines or zoomed-in blocks) directly representing product concepts while maintaining both logic and aesthetics. The identity uses a flexible grid, vibrant color palette, and adjustable visual density to scale from expressive to minimal contexts, while rounded, modular icons reinforce a balance between technical precision and an approachable, community-driven feel.

BUILDING A REBRAND FOR A BLIND CEO COMPLETELY CHANGED THIS CREATIVE AGENCY'S DESIGN PROCESS

Creative studio Something Familiar redesigned the identity for non-profit Onvero by centering accessibility from the start, adapting their entire process to collaborate with blind CEO Sandi Wassmer through clearer descriptions, shared language, and non-visual communication. The result is a tactile, inclusive brand system—featuring embossed materials, an easily traceable logo, accessible typography, and sensory-friendly presentations—that demonstrates how prioritizing accessibility can enhance creativity rather than limit it.

THE GOLDEN AGE OF WOMEN'S SPORTS BRANDING IS HERE, AND DESIGNERS ARE LEADING IT

Women's sports are experiencing a "golden age" of branding, transforming from a growth opportunity into a cultural movement with rising media valuations and record-breaking attendance.

NINE JONY IVE DESIGNS THAT AREN'T APPLE PRODUCTS

DOWNLOAD THESE SUPER-CUTE LITTLE FINDER GUY 5K WALLPAPERS

Apple promoted the MacBook Neo on TikTok with a playful “Little Finder Guy” character, which developer James Thompson later turned into a set of colorful 5K wallpapers inspired by the classic Finder icon.