#letterform-anatomy

[ follow ]
#typeface
Typography
fromFast Company
13 hours ago

Meet Kyoto: the typeface that bleeds (on purpose)

Kyoto blends Japanese calligraphy with classic Latin forms, reflecting a handmade, human feel in design.
Typography
fromFast Company
13 hours ago

Meet Kyoto: the typeface that bleeds (on purpose)

Kyoto blends Japanese calligraphy with classic Latin forms, reflecting a handmade, human feel in design.
Graphic design
fromItsnicethat
1 day ago

Graphic design schools are teaching tech, but are they teaching taste?

Graphic design education should prioritize creativity and knowledge over job placement, treating it as a liberal art rather than a trade school.
Web development
fromFrontendmasters
1 week ago

SVG Filters Guide: Getting Started with the Basics

SVG filters can enhance design without requiring artistic skills, and a structured approach can simplify their implementation.
#typography
Typography
fromI Love Typography Ltd
2 days 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
2 days 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.
#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.
Typography
fromCsswizardry
6 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.
#css
Web development
fromCSS-Tricks
2 weeks 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.
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.
#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.
Typography
fromBustle
2 weeks 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.
Typography
fromFast Company
2 weeks 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.
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.
Typography
fromAlicepackarddesign
4 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.
Typography
fromItsnicethat
1 month 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.
fromAlexharri
2 months ago

ASCII characters are not pixels: a deep dive into ASCII rendering

One thing I spent a lot of effort on is getting edges looking sharp. Take a look at this rotating cube example: Try opening the "split" view. Notice how well the characters follow the contour of the square. This renderer works well for animated scenes, like the ones above, but we can also use it to render static images: The image of Saturn was generated with ChatGPT.
Software development
History
fromI Love Typography Ltd
3 months ago

Heart-shaped Books - I Love Typography Ltd

Cultures historically assigned varied meanings to the heart, shaping embalming practices, sacrificial rites, devotional symbolism, and the heart-shaped pictogram's development.
Typography
fromFast Company
1 month ago

Claude can turn your handwriting into a font. Here's how

Claude AI can convert handwritten characters from scanned pages into installable TrueType fonts using Python tools, eliminating the need for specialized font creation software.
fromCSS-Tricks
1 month ago

What's !important #6: :heading, border-shape, Truncating Text From the Middle, and More | CSS-Tricks

@keyframes animations can be named using strings, allowing syntax like @keyframes "@animation" { /* ... */ } with corresponding animation: "@animation" declarations. This capability has existed for 11 years across browsers, yet remains relatively unknown to many developers seeking alternative keyframe naming conventions beyond standard identifier formats.
Web development
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
Graphic design
fromdesignyoutrust.com
2 months ago

Li Zhongzheng Turns Modern Calligraphy Into Chunky Neon Lettering Pulsing With Sci-Fi Volume

A curated collection presents diverse contemporary visual art and design works, ranging from illustrations, photography, sculptures, and creative redesigns to unconventional materials and playful reinterpretations.
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
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
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.
#type-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.
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.
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.
fromI Love Typography Ltd
2 months ago

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

Infused with history, the slab cannot help but suggest the old West's frontier clichés, for such ephemera as classic wanted posters, political broadsides, cautionary warning signs, and more generic commercial applications. Cattivo is a brand-new 18-font family that, when used in any weight and size, cuts through nostalgic predictability and provides a welcome alternative to such popular Egyptian-style slab serifs as Stymie and Memphis.
Typography
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.
fromI Love Typography Ltd
6 months ago

Steven Heller's Font of the Month: OTC Textura - I Love Typography Ltd

Blackletter typefaces elicit many contradictory emotions depending, of course, on the context in which they are used and the manner in which they are composed. Sometimes they bark commands - STOP or BEWARE. Other times they are comforting in an ecclesiastical way - Christmas and Easter greetings. During World War II Blackletter was menacing for those in occupied lands who read it as exclusionary - as in FORBIDDEN or DANGER; others accepted it as patriotic
Typography
from99% Invisible
2 months ago

The Em Dash - 99% Invisible

Vance, a Portland-based journalist who runs Stumptown Savings, a newsletter covering local grocery deals, had been accused of using ChatGPT to write his content. The evidence? His use of em dashes. "A Reddit user accused me of using AI, pointing to my use of, quote, extra long M dashes that are not possible to replicate on a normal keyboard," Vance recalls. The accusation stung, particularly because Vance spends 40 hours a week personally visiting grocery stores and crafting his newsletter by hand.
Typography
fromItsnicethat
1 month ago

BBH's rebrand, typeface and "zag" glyphs convey its ethos through design

From day one, this felt like a true collaboration. Together we set out to build a contemporary British grotesque that respected BBH's heritage while giving it room to push forward.
Typography
[ Load more ]