Art Styles in Graphic Design

🪴 Golden Rules of Web Typography. Useful techniques to improve legibility — from font size, line spacing and line length to small-caps and ligatures, both on mobile and on desktop ↓ 🚫 Avoid centered text — at least for more than 3 lines of text. ✅ Desktop font size for large headings: 40px/2.5em — 64px/4em (max). ✅ Mobile font size for large headings: 32px/2em or smaller. ✅ Desktop font size for body: 16px/1em — 24px/1.5em (max). ✅ Mobile font-size for body: min 14px, at times 10% smaller than desktop. ✅ Desktop: 50–75 chars per line (25–37.5rem), line height 1.5–1.6. ✅ Mobile: 40–50 chars per line (20–25rem), line height 1.3–1.45. ✅ If you have to use one line-height value for desktop/mobile, use 1.5. ✅ Larger headings work better with smaller line height — e.g. 1.1. ✅ Ideally, make the line height fluid and locked to the column width. ✅ Always reduce font weight for text on dark backgrounds. ✅ When using uppercase, always add letter-spacing up to 5%. ✅ If possible, use lowercase/old-style figures for numbers. ✅ Apply small-caps to acronyms and abbreviations. ✅ Use tabular, not proportional, figures for numbers in data tables. In typography, font size, line height and line length are always tightly connected. Once you adjust one, you will probably have to adjust the others as well. Change typefaces, the type scale and the background of where the type will be set, and chances are high that the rest will need to be adjusted as well. Probably the most common issue that makes text difficult to read is text lines that span over 100 characters and have a small line height. Limit length to 75 characters, and increase line height to 1.45, and legibility goes up dramatically. Getting typography right isn’t easy. But the fine details listed above can go a long way to dramatically improve legibility — potentially with just 5 mins of work. ✤ Useful resources: What’s The Right Font Size For the Web?, by Oliver Schöndorfer https://lnkd.in/e6GqEbPn Ideal Line Height and Line Length, by Oliver Schöndorfer https://lnkd.in/e8pgqZaQ Practical Techniques For Remarkably Better Typography, by Matej Latin ↳ https://lnkd.in/eVTbMKwV ↳ https://lnkd.in/et8SW5qm Effective Ways To Combine Typefaces (+ Cheatsheets) https://lnkd.in/egHq5ZyA Golden Rules of Typography on The Web, by Richard Rutter https://noti.st/rar/BgtJDk --- ✤ Useful tools: ⦿ Good Line-Height Calculator: https://lnkd.in/dW3KJ-f7 ⦿ Proportional scales: https://proportio.app ⦿ Fluid Type Editor: https://lnkd.in/epGn3FuA ⦿ Utopia: https://lnkd.in/eqHmy8zC ⦿ Typographic Scales (Figma, Adobe XD): https://typescale.io/ ⦿ Typography Variables Starter Kit (Figma): https://lnkd.in/degSAKBU #ux #design

Your logo is incomplete without the right font! While logos and colors often get the spotlight, typography is what makes your brand stand out and is an important part of your brand identity. This is why you should never compromise on it: → Emotional connection - The font you chose can evoke emotions, like Disney’s playful font brings feelings of nostalgia and happiness, aligning with its brand image. → Brand storytelling - It narrates your brand's story and values, like Patagonia uses a rugged, handcrafted font that appeals to eco-conscious consumers. → Cultural sensitivity - It ensures broader resonance, like McDonald's adapts its font to local languages and styles while maintaining its global identity. → Target Audience - Aligning fonts to demographics enhances brand connection, like Red Bull’s bold and energetic typography is designed to appeal to its target audience. → Memorable and timelessness - Classic typefaces maintain relevance, like Chanel's simple sans serif font shows elegance and grace, making it timeless. → Personality projection - It conveys a brand's personality and tone, like Nike's modern, italic font mirrors their innovative image. → Brand recognition - Recognizable typography strengthens the brand identity like Coca-Cola’s cursive typeface is instantly recognizable. Did you see how every time I mentioned a brand, their logo came right in front of your eyes? This is because it has been created powerfully to stay in the audience’s mind. Which brand’s typography is your favourite? #graphicdesigner

The Font Factor. A great conversation is not just about words but also about the way those words are delivered—the tone of voice, the pitch, and the rhythm all play a role in conveying meaning and emotions. In packaging design, typography serves this exact purpose—it's the silent yet powerful voice that communicates a product's character and brand identity. Much like adjusting your tone when speaking to different people in various situations, selecting the right font and typography style is essential to ensure that your packaging aligns with your message and resonates with your target audience. Typography is not just about letters and words—it's a psychological tool. Human beings have an innate instinct to anthropomorphise non-human entities, applying human characteristics and emotions to things that are distinctly non-human—such as logos or fonts. When you pick up a product, your brain deciphers unspoken messages conveyed through typography—just as a friendly tone enhances a conversation, the right typography can make packaging more appealing and effective in conveying its message. Did you know that the choice of font can even influence how we perceive taste? In a study by the University of Oxford, people associated certain fonts with specific flavors; angular fonts were linked to bitterness, while rounder, smoother fonts were associated with sweetness. Typography is not just an art—it's a science. Elements like kerning, leading, columns, point size, and line length serve a scientific purpose in creating packaging that not only looks great, but delivers a message with venom. The chosen font should align seamlessly with the message you aim to convey. Since fonts are designed by humans, they often carry cultural associations and meanings—choosing the wrong font can inadvertently send an unintended message. For example, intricate script fonts may imply that a task will take longer, whereas clean, simple fonts convey efficiency. Every detail matters, and Chandon Argentina's packaging is testament to this truth. Designed by Sure, with lettering by Yani Arabena and Guille Vizzari, it seamlessly combines diverse lettering styles and graphics across its four varieties. Showcases how the right font can evoke emotions—from the playfulness of a script font to the stability of a serif. As a designer, understanding the basic principles of typography is the beginning of making informed, objective choices rather than personal ones when creating packaging. Typography in packaging design isn't just about the words on a box—it's a language that communicates with our emotions, senses, and subconscious. When executed skillfully, typography becomes a potent tool that shapes how consumers perceive both a product and brand. Ready to give your brand's silent voice a makeover? #packagingdesign #design #graphicdesign #productdesign #typography 📷Sure

In one of my workshops, I ran a small but revealing exercise. I showed participants two logos, identical in name and color.  The only difference was that one used a clean, geometric sans-serif. The other, a slanted, flowing script font. Here’s what happened: When I asked them to imagine having ₹50, most chose the clean-font logo, as it felt approachable and affordable. When I asked them to imagine having ₹500, many switched to the script-font logo, as it felt luxurious, “worth splurging on.” Nothing about the brand had changed, except the typeface. This is why I always emphasize that typography is a strategic lever in brand positioning. Fonts can instantly signal affordability or exclusivity, accessibility or sophistication. If you’re building a brand identity, always keep in mind that typeface is a key factor that tells your audience what price point you belong to before they ever check the price tag. Do you pay enough attention to it as a designer? #brandidentity #visibility

Creating a living, breathing brand, built entirely through typography. Designed by FutureBrand São Paulo, this is far from a conventional rebrand. It’s a powerful example of what culturally grounded, locally driven, and sustainable branding can look like when done right. The Amazon rainforest holds the largest concentration of trees on Earth, over 390 billion, interconnected by one of the world’s longest river systems, spanning nine states and supporting more than 28 million people. Rather than simply represent this scale, the identity translates it. Using real geographic coordinates from the Amazon River and its tributaries, the designers studied satellite imagery to uncover letterforms embedded within the landscape itself. The result: an alphabet shaped by nature, forming a logotype constructed from the actual curves of the basin’s 25,000 kilometers of navigable waterways. But the system doesn’t stop at a static mark. The identity evolves into a living typographic tool, an interactive platform where users can generate their own compositions, extending the brand through participation and artistic design. “More than a visual representation, the brand is a living identity, creating a seal for Amazonian products while fostering the local economy and celebrating everything produced across the nine Amazonian states.” "Created by people, written by rivers" this stands as one of the most compelling intersections of branding, typography, and place making I've seen so far. Link to the site: https://lnkd.in/e8-79NtA #branding #typography #type #design #Sustainability #logotype #identity #logo #Amazonforest #nature #tourism #cultureidentity #Brazil #Rivers #graphicdesign

Typography is not an aesthetic choice. It is an accessibility filter. We obsess over inclusive language, yet we ignore inclusive design. We demand people bring their whole selves to work, then hand them documents their brains cannot process. If your strategy document is written in 10 point Times New Roman, fully justified, on a stark white background. You have statistically locked out a massive portion of your workforce before they read the first word. You are not sharing information. You are creating cognitive friction. Corporate documents often act as a dense, impenetrable canopy. Good typography is the trellis that actually supports the reader. Here are 9 ways to build an inclusive visual trellis for your team. 1/ The Serif Ban → The Rule: Default to sans serif fonts like Arial or Lexend. → The Impact: Removes decorative visual noise that exhausts dyslexic readers. 2/ Strict Left Alignment → Rule: Never use justified text. Always align flush left. → Impact: Creates a consistent visual anchor and prevents distracting rivers of white space. 3/ The Contrast Shift → Rule: Use dark grey text on an off white background instead of pure black on pure white. → Impact: Prevents the strobe effect and reduces sensory fatigue. 4/ The 1.5 Spacing → Rule: Set line spacing to 1.5. → Impact: Breaks up the dense wall of text to prevent accidental line skipping. 5/ The Emphasis Strategy → Rule: Use bold weight for emphasis. Avoid italics and underlines. → Impact: Italics deform letter shapes and underlines cut through descending letters, causing cognitive strain. 6/ The Format Reset → Rule: Always paste as plain text to prevent mixed font styles. → Impact: Stops the ransom note effect that distracts the nervous system. 7/ The Agency Protocol → Rule: Share editable documents instead of locked PDFs whenever possible. → Impact: Allows the user to change the font, size, and background to fit their own visual ecosystem. 8/ CamelCase Hashtags → Rule: Capitalize the first letter of each word in a hashtag. → Impact: Ensures screen reading software can actually pronounce the words correctly (#InclusiveDesign). 9/ Descriptive Hyperlinks → Rule: Write descriptive links instead of just saying click here. → Impact: Provides navigational safety and context before the user leaves the current environment. Typography is policy. If your team has to spend energy decoding your message, they have no energy left to understand it. There are so many more nuances we could add here. What is one typography barrier you wish would permanently disappear from corporate communications?

What’s the most accessible font for the web? I continue exploring hidden accessibility subjects, one of them is about accessible fonts and I noticed that one font kept coming up during my research: it is Roboto Flex. And the claim was bold - it might be one of the most accessible fonts available today and that made me curious about what actually makes typography accessible? After digging into research and accessibility guidelines, I realized something important: accessibility in typography is less about one perfect font, and more about how the font is designed and used. Here are a few key factors: 1️⃣ Letter shapes must be easy to distinguish Accessible fonts make characters clearly different from one another. Think about how easily we confuse: • I, l, and 1 • O and 0 • b, d, and p Fonts designed for accessibility, like Atkinson Hyperlegible or Lexend, exaggerate these differences so letters are easier to recognize, especially for people with low vision or dyslexia. 2️⃣ Large x-height improves readability The x-height (height of lowercase letters) plays a huge role in readability on screens. Fonts with larger lowercase letters tend to be easier to read at smaller sizes, which is why fonts like Verdana, Roboto, or Open Sans are often recommended for digital interfaces. 3️⃣ Open letterforms reduce visual noise Accessible fonts usually have open shapes and generous spacing. When letters are too condensed or closed, they can visually blend together, especially on small screens or for users with visual impairments. 4️⃣ Spacing matters more than people think Interestingly, research shows that spacing and layout can affect readability as much as the font itself. Things like: • line height • letter spacing • word spacing • line length can significantly reduce reading effort. This is one reason why variable fonts like Roboto Flex are exciting: they allow designers to adjust typography dynamically. 5️⃣ There may not be one “perfect” font Some fonts were specifically designed for dyslexia, like OpenDyslexic. But research results are mixed. In several studies, common fonts such as Roboto or Times New Roman performed just as well or even better for reading speed and comprehension. Which leads to an important takeaway: different people read differently. Accessibility often means giving users control rather than forcing a single design choice. Here are some practical recommendations: • Use a clear sans-serif font • Keep body text around 16px or larger • Use line height around 1.5 • Limit line length to 45–75 characters • Avoid justified text • Allow users to adjust size and spacing Accessible typography is about designing text so as many people as possible can read it comfortably. Which font you prefer to use in order to provide high level of web accessibility? #WebAccessibility #Accessibility #InclusiveDesign #UXDesign #Typography #UXWriting #DesignSystems #DigitalAccessibility

💡Golden rules for typography in UI design (+ tools) In typography, font size, line height, and line length are always closely connected. When you change one variable, you have to adjust two others. Font size: ✔ Headings: A good rule of thumb is to start with 32-40px (2em to 2.5em) for H1 and scale down for H2-H6. Mobile interfaces might require smaller sizes, starting around 18-20px for H1. ✔ Body text: For body text, 16px (1em) is often considered the minimum for readability on desktop, with 14px acceptable for mobile screens. ✔ Captions and small text: Small text, such as captions and legal information, shouldn't go below 12px for legibility's sake. Font weight: ✔ Headings: Headings often use bolder weights to stand out. A weight of 600-700 is commonly used for headings to create a visual hierarchy without compromising readability. ✔ Body text: The standard weight for body text is the normal weight (400 or regular). It offers optimal readability. ✔ Emphasis: For emphasizing certain text within body content, using a medium weight (500) or italics can be effective without overwhelming the main content. Line height: ✔ Headings: Headings can have a tighter line height compared to body text, ranging from 1.1 to 1.3 times the font size. This helps maintain visual impact and keeps multi-line headings compact. ✔ Body text: The ideal line height for body text ranges from 1.4 to 1.6 times the font size. This spacing ensures that the text is breathable and easy to follow. For example, for 16px text, a line height of 22px to 26px is recommended. Line length: ✔ Optimal line length for desktop is between 50 to 75 characters, including spaces ✔ Optimal line length for mobile is between 40 to 50 characters Practical tips to remember:  ✔ Larger headings work best with smaller line height  ✔ Always add 5–12% extra letter spacing to text in ALL CAPS ✔ For abbreviations and acronyms in the midst of normal text, use spaced small caps 🔨 Tools: ✔ Typescale generator for Figma (by Marvin Bruns)  https://lnkd.in/dvH8wG6Z ✔ Optimal line height calculator (by Fran Pérez)  https://lnkd.in/dWs_6Xwa 🖼 Font size and line height by Tech Altum

Bad typography kills good design. That’s my biggest lesson after 10+ years designing. Here are 10 principles and tips that will instantly improve your work: 1/ Font styles Fonts carry emotion. Make sure your typography aligns with your brand’s tone. Whether you’re going for modern or playful, the right font sets the mood for the entire design. Pick ones that align with the brand story you're telling. 2/ Size & hierarchy Use 3-4 font sizes per section, maximum, to avoid overcrowding your design. Use a type scale to maintain consistency. Use headings that are minimum 2-3x your body text size. A clear hierarchy will guide readers through your content effortlessly. 3/ Font weight Font weight differentiates importance without adding visual clutter. Stick to 3-4 font steps in weight. Remember: reducing opacity also reduces perceived weight. Good rule of thumb: - headings: 600-700 - body: 400-500 - supporting text: 300-400 4/ Text contrast Create high contrast between text and background. Minimum WCAG AA: 4.5:1 for body text, 3:1 for large text. Run A11y plugin before you ship. Low contrast looks "modern" but kills readability. Accessibility should be a requirement, not a trend. 5/ Text alignment Typography alignment is key to readability and design flow. For non-Arabic countries, left-aligned text is easiest on the eyes. Center or right align sparingly for emphasis; avoid justified text unless spacing is perfect. 6/ Spacing Proper spacing makes or breaks readability: Line height: 1.5-1.7 for body, 1.1-1.3 for headings Leading: -1 to -2% for headings, 0% for body Paragraph spacing: 1.5-2x your line height Tight spacing feels cramped. Too loose feels disconnected. Find the right balance. 7/ Line Length Keep your paragraph length between 40 and 90 characters per line. For 16px body text, that's roughly 450-700px width depending on font. This range keeps readers engaged and makes content easy to scan. 8/ Don’t overdo it with fonts. Stick to 2 complementary fonts. Too many fonts can make your design feel chaotic. Keep it simple and let the fonts breathe. Limiting the number of fonts also makes your designs feel more thought-out and cohesive. 9/ Prioritize readability over style. Decorative fonts work for logos and short headlines. Don't use them for body text. Fonts need to look good, but most importantly, they must be clear and legible across all devices. Good design is always functional, not only aesthetic. Bad typography makes great content unreadable. Great typography makes content feel effortless. Master these fundamentals and your designs will immediately level up. Save this for your next project. As always, I hope this was helpful. Have an awesome day! 👋

When Typography Becomes Storytelling. Most people think typography is simply about choosing the right font. But great design proves that typography can be much more than letters on a screen—it can become a story. When type interacts with meaning, design suddenly feels alive. Think about a word like “Work Hard.” When the letters visually show effort, connection, or struggle, the message becomes stronger than plain text. Or a word like “Holiday,” where the letterforms transform into a relaxing figure. Instantly, the emotion of the word becomes visible. This is where concept-driven typography shines. Great designers don’t just design letters; they design ideas. A small visual twist inside a word can communicate humor, motion, personality, or emotion without needing extra graphics. Take words like “Excited,” “Slide,” or “Ski.” When the typography physically performs the action the word represents, the design becomes memorable. It stops being text and becomes an experience. What I love about this approach is its simplicity. No heavy effects. No complex illustrations. Just a smart idea executed with clean typography. In branding and visual communication, this kind of thinking is powerful. People scroll past thousands of designs every day. But when typography itself carries the concept, it immediately grabs attention and stays in memory. For designers, it’s a reminder that creativity often lies in thinking deeper, not designing louder. Sometimes the best design solution isn’t adding more elements—it’s simply asking: How can the letters themselves tell the story? Because when typography starts communicating visually, design moves from decoration to meaning. And that’s where truly memorable design begins.