#typography--layout

[ follow ]
#typography
Typography
fromI Love Typography Ltd
23 hours ago

Steven Heller's Font of the Month: Gilway Paradox - I Love Typography Ltd

Gilway Paradox evokes nostalgia through its unique design, reminiscent of carnival signage and personal childhood memories of summer beach attractions.
Typography
fromI Love Typography Ltd
23 hours ago

Steven Heller's Font of the Month: Gilway Paradox - I Love Typography Ltd

Gilway Paradox evokes nostalgia through its unique design, reminiscent of carnival signage and personal childhood memories of summer beach attractions.
Web development
fromCSS-Tricks
1 day ago

7 View Transitions Recipes to Try | CSS-Tricks

View transitions enhance user experience and are supported by major browsers, but require careful setup and understanding of animation types.
#claude-code
Graphic design
fromMedium
1 day ago

Practical Guide for Creating Animated Effects with Claude Code

Use specific, clear prompts for Claude Code to create effective animated effects.
UX design
fromMedium
6 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.
Web design
fromMedium
1 month ago

Claude Code for Web Design

Claude Code enables rapid prototyping and deployment of landing pages, transforming design concepts into functional implementations within minutes.
Graphic design
fromMedium
1 day ago

Practical Guide for Creating Animated Effects with Claude Code

Use specific, clear prompts for Claude Code to create effective animated effects.
UX design
fromMedium
6 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.
Web design
fromMedium
1 month ago

Claude Code for Web Design

Claude Code enables rapid prototyping and deployment of landing pages, transforming design concepts into functional implementations within minutes.
UX design
fromMedium
1 day ago

The erosion of design authority, burnout problems, invisible customers

Vibe coding is reshaping design authority by bridging the gap between description and interaction.
#ai
Artificial intelligence
fromMedium
4 days ago

Notes from the people building your future

AI-driven job displacement requires thoughtful policy to ensure equitable distribution of prosperity and prevent increased inequality.
UX design
fromMedium
2 days ago

The trust-latency gap: why the future of UX is intentionally slower

AI chat assistants use word-by-word responses to build anticipation and enhance user trust.
Artificial intelligence
fromMedium
4 days ago

Notes from the people building your future

AI-driven job displacement requires thoughtful policy to ensure equitable distribution of prosperity and prevent increased inequality.
UX design
fromMedium
2 days ago

The trust-latency gap: why the future of UX is intentionally slower

AI chat assistants use word-by-word responses to build anticipation and enhance user trust.
Typography
fromFast Company
1 week ago

Meta's new AI tool turns anyone into a type designer

Meta's new AI tool simplifies font design, allowing users to customize text through prompts in its Edits app.
Paris food
fromdesignyoutrust.com
4 days 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
Web design
fromLukew
5 days ago

LukeW | Should Designers

Designers should code, and AI coding agents are bridging the gap between design and development.
UX design
fromMedium
3 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
5 days ago

LukeW | Should Designers

Designers should code, and AI coding agents are bridging the gap between design and development.
UX design
fromMedium
3 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.
Remote teams
fromForbes
4 days ago

The Shift From Place To Performance In Workplace Design

The future of work focuses on workplace performance metrics rather than just location, emphasizing adaptability and efficiency.
Television
fromFast Company
5 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
6 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.
JavaScript
fromRubyflow
6 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.
Design
fromDesign Milk
6 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.
Graphic design
fromItsnicethat
1 day ago

This collaged architect's identity from Alexis Mark drew from departure boards and timetables

Collage serves as a central identity for Cobe, blending playful design with systematic organization inspired by transit communication systems.
fromFast Company
6 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
fromMedium
3 days ago

Rethinking design critique

Design critique is essential for designers to build knowledge and confidence through structured feedback and reflection.
Typography
fromCsswizardry
4 days 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.
Writing
fromItsnicethat
1 week ago

Elizabeth Goodspeed on why design writing needs designers writing

Writing and design stem from a shared love of history and complex ideas, with personal expression being key to the author's creative process.
UX design
fromMedium
2 days ago

Most products don't need tone of voice - they need a point

Focus on practical content that aids user tasks rather than on tone or personality.
Graphic design
fromPRINT Magazine
1 week 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.
fromPitchfork
4 days ago

Pitchfork and GQ Senior Designer Chris Panicker Wins 2026 ASME Next Award

Chris is a genuine anomaly in the media landscape. He consistently takes on projects that are difficult to execute under high-pressure deadlines, maintaining a calm demeanor and a contagiously positive attitude.
Typography
Graphic design
fromBusiness Matters
1 week 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.
Web development
fromInfoQ
1 week 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.
UX design
fromWE AND THE COLOR
3 days 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.
fromdaverupert.com
1 week 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.
Typography
fromBustle
1 week ago

Your Instagram Story Text Is Too Damn Small

Social media users are increasingly using smaller text, creating a barrier that allows for more vulnerability in their posts.
Graphic design
fromMedium
3 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.
#design-principles
UX design
fromSmashing Magazine
2 weeks 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
2 weeks 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
2 weeks 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
2 weeks 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 design
fromSmashing Magazine
1 month ago

Beyond border-radius: What The CSS corner-shape Property Unlocks For Everyday UI - Smashing Magazine

The corner-shape property enables beveled, scooped, and squircle corners, eliminating years of workarounds like clip-path and SVG masks that caused borders, shadows, and code brittleness.
#typeface-design
Typography
fromMass-driver
2 weeks ago

MD UI: a Typeface for Interfacing

Typefaces deserve careful design and consideration, balancing quality and legibility while acknowledging the challenges of achieving perfection.
fromI Love Typography Ltd
1 month ago
Typography

Steven Heller's Font of the Month: Curve Display - I Love Typography Ltd

Curve Display is a Didone-inspired display font that balances classical elegance with experimental, abstract letterforms, making it distinctive yet accessible for contemporary graphic design.
Typography
fromMass-driver
2 weeks ago

MD UI: a Typeface for Interfacing

Typefaces deserve careful design and consideration, balancing quality and legibility while acknowledging the challenges of achieving perfection.
Typography
fromI Love Typography Ltd
1 month ago

Steven Heller's Font of the Month: Curve Display - I Love Typography Ltd

Curve Display is a Didone-inspired display font that balances classical elegance with experimental, abstract letterforms, making it distinctive yet accessible for contemporary graphic design.
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.
#design-systems
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.
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.
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.
#accessibility
UX design
fromSmashing Magazine
3 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.
fromMedium
2 months ago
Typography

Hyperlegible Sans: a free, open-source font for accessible design

Subtle glyph and spacing modifications improve typeface readability for low-vision users without sacrificing aesthetic consistency.
UX design
fromSmashing Magazine
3 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
2 weeks ago

The three thirds

Many mid-career designers feel disillusioned as they reach a ceiling in their careers, realizing the promised growth and impact is limited.
Typography
fromItsnicethat
4 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.
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.
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
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.
Marketing
fromWE AND THE COLOR
2 months ago

Branding Mistakes in Design: 10 Critical Errors & Strategic Fixes

Strategic brand architecture, not visual aesthetics alone, determines client perception and business outcomes for design professionals.
US politics
fromneverland
3 months ago

Times New American: A Tale of Two Fonts

Changes in official typeface at the State Department reflect political power and policy reversals, linking aesthetic choices to broader DEIA rollbacks and institutional authority.
fromMedium
2 months ago

Designing useful ads

We've both fought against needless promotional content before and lamented that frontier AI platforms are falling into the same pattern. As designers and users, we've learned that "free" usually means putting up with interruptive, slightly creepy ads that feel more like a tax than a benefit - a frustration tax that now colors how we approach free‑tier services and now AI tools.
Artificial intelligence
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
fromJakub
4 weeks ago

Details That Make Interfaces Feel Better

Great interfaces result from compounding small design details like text wrapping, concentric offsets, animations, and font rendering that work together seamlessly.
Web design
fromSmashing Magazine
2 months ago

Rethinking "Pixel Perfect" Web Design - Smashing Magazine

Pixel-perfect design is an outdated, misleading ideal; modern, multi-device web development requires flexible, fluid definitions of perfection that prioritize adaptability over fixed pixel replication.
fromI Love Typography Ltd
1 month ago

How Not to Take 10 Years to Design a Typeface - I Love Typography Ltd

I would listen with awe and think, 'That must have been a real challenge. It must be exquisitely crafted and probably a little bit groundbreaking too.' So it feels slightly absurd to admit that my last typeface, Nave, also took around ten years to complete. Not because I spent a decade polishing outlines or expanding the character set, but because I took so many wrong turns trying to chase a vision I hadn't properly defined.
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.
Typography
fromI Love Typography Ltd
2 months ago

Velocity: Fast & Beautifully Furious - I Love Typography Ltd

Velocity is a compact, forward-leaning all-caps sans serif with rounded curves, multiple stylistic sets, and duplexed weights optimized for bold branding and large display use.
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
Typography
fromI Love Typography Ltd
5 months ago

Fonts in Focus: Gieo Text - I Love Typography Ltd

Gieo Text reinvigorates the classic humanist serif with calligraphic stroke modulation, asymmetrical serifs, rightward motion, modern italics, and Vietnamese language support.
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
UX design
fromSmashing Magazine
2 months ago

Rethinking "Pixel Perfect" Web Design - Smashing Magazine

Pixel-perfect design is misleading and counterproductive; redefine perfection for a multi-device, fluid web built with modern tooling and AI-enhanced workflows.
fromI Love Typography Ltd
5 months ago

ILT Blog Redesign - I Love Typography Ltd

The main problem with the existing homepage was that, besides the most recent posts, other content, once it aged and 'fell off' the front page, was then difficult to discover. The new design makes more use of available screen 'real estate', is visually much richer, and reorganizes 18 years of posts, so that even older long-forgotten posts are more easily found.
UX design
fromMedium
2 months ago

How to make any text scannable

Most users scan digital pages for specific answers rather than reading every word, so content must surface key information quickly.
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

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.
UX design
fromMedium
1 month ago

Designers, we should be killing it right now

Excessive prototyping and vague 'taste' undermine designers' authority, failing to convince executives or secure investment despite rapid AI-driven change.
[ Load more ]