# Typography Published articles for Typography. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Yestalgia: Bringing Decathlon's '90s Spirit to Life Through a Playful Digital Experience DevFeed: [Yestalgia: Bringing Decathlon's '90s Spirit to Life Through a Playful Digital Experience]() Original publisher: [Read original article]() Author: Quentin Hocdé and Jonathan Da Costa Published: 2026-09-12T08:40:31Z Content type: article Language: en Sources: [Codrops]() Topics: [micro-interactions for websites]() Tags: [90s-inspired-design](), [90s-web-design](), [animation](), [articles](), [case-study](), [creative-development](), [creative-technology](), [creative-web-design](), [decathlon-digital-experience](), [decathlon-website](), [decathlon-yestalgia](), [design](), [development](), [editorial-web-design](), [experimental-web-design](), [fashion-web-design](), [gsap](), [gsap-animation](), [illustration](), [immersive-web-experience](), [interactive-storytelling](), [interactive-website](), [lenis-smooth-scroll](), [motion-design](), [nostalgic-web-design](), [performance](), [piecesjs](), [product](), [product-focused-design](), [product-launch](), [rive](), [rive-animation](), [typography](), [walkman-navigation](), [web](), [web-animation](), [wordpress](), [wordpress-custom-theme](), [yestalgia]() ### AI overview This article presents Yestalgia, Decathlon's '90s-inspired capsule collection website. It explains how editorial product presentation, vibrant illustration, expressive typography, animation, micro-interactions, and a cassette-player navigation concept turn the campaign's nostalgic art direction into a playful digital experience. ### Source excerpt A closer look at how Yestalgia brings Decathlon's '90s-inspired vision to the web through art direction, interaction, animation, and creative development. ## Ebb, Meet Flow: Intrinsic Design in a Nutshell DevFeed: [Ebb, Meet Flow: Intrinsic Design in a Nutshell]() Original publisher: [Read original article]() Author: L. Jeffrey Zeldman Published: 2026-08-18T17:24:50Z Content type: opinion Language: en Sources: [Jeffrey Zeldman]() Topics: [Responsive Design](), [web design](), [Front end](), [web-standards]() Tags: [authoring](), [best-practices](), [css](), [design](), [essentials](), [responsive](), [responsive-design](), [responsive-web-design](), [rwd](), [standards](), [state-of-the-web](), [the-essentials](), [the-profession](), [type](), [typography](), [usability](), [user-experience](), [ux](), [w3c](), [web-design](), [web-design-history](), [web-standards](), [webdesign](), [webtype]() ### AI overview This article explains intrinsic or fluid responsive design: define type scales for small and large screens, then let the browser interpolate between them according to viewport width. It connects the approach to earlier ideas about designing for the web's natural ebb and flow and to the development of Responsive Web Design through improved web standards and browser support. ### Source excerpt In 2020, the gifted makers of websites at Clearleft shared methods to achieve fluid responsive design. "Utopian" web design was (and still is) their half-kidding name for this approach, which Apple's Jen Simmons, working indendently, called "intrinsic design." Instead of chasing an ever-changing number of fixed breakpoints, utopian or intrinsic design follows the web's intrinsic [...] The post Ebb, Meet Flow: Intrinsic Design in a Nutshell appeared first on Jeffrey Zeldman Presents. ## Gotham Variable and the Art of Evolution DevFeed: [Gotham Variable and the Art of Evolution]() Original publisher: [Read original article]() Author: Amelia Nash Published: 2026-08-18T02:49:00Z Content type: article Language: en Sources: [PRINT Magazine]() Topics: [Monotype](), [Artificial Intelligence]() Tags: [ai](), [artificial-intelligence](), [brand-identity](), [branding](), [branding-identity-design](), [design](), [design-culture](), [design-journalism](), [design-systems](), [design-topics](), [gotham](), [graphic-design](), [legacy-brands](), [monotype](), [post](), [strategy-plus-process](), [type-design](), [type-tuesday](), [typography](), [variable-fonts]() ### AI overview Gotham Variable marks the typeface's 25th anniversary by expanding its fixed family into a continuous range of weight and width, adding 54 intermediate styles. The article presents this evolution as a way to support flexible contemporary brand systems, including AI-generated applications, while preserving Gotham's underlying identity. ### Source excerpt As Gotham turns 25, Monotype is giving the iconic typeface room to evolve. With Gotham Variable, Sara Soskolne explores how legacy identities can embrace flexibility and new technologies -- including AI -- without losing the underlying logic that makes them recognizable. The post Gotham Variable and the Art of Evolution appeared first on PRINT Magazine. ## Instagram Refreshes Its Look for a New Era DevFeed: [Instagram Refreshes Its Look for a New Era]() Original publisher: [Read original article]() Author: Jessica Deseo Published: 2026-08-13T20:23:27Z Content type: opinion Language: en Sources: [PRINT Magazine]() Topics: [Meta](), [MEAN]() Tags: [branding-identity-design](), [community](), [design](), [images](), [instagram](), [logo-design](), [meta](), [platform](), [typography]() ### AI overview Instagram has refreshed its visual identity with a new wordmark, expanded Instagram Sans typeface, gradients, layouts, and a reinterpretation of its previous logo. The article frames the update as an evolution shaped by the platform's scale, formats, and sense of community. ### Source excerpt Instagram gets a little refresh! The post Instagram Refreshes Its Look for a New Era appeared first on PRINT Magazine. ## A properties panel and annotations, now in Figma Make DevFeed: [A properties panel and annotations, now in Figma Make]() Original publisher: [Read original article]() Author: Phillip Wang Published: 2026-07-30T19:25:32.996000Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Code](), [Document Object Model (DOM)](), [Prompt Engineering]() Tags: [agent](), [animation](), [code](), [design](), [figma](), [padding](), [tokens](), [typography]() ### AI overview Figma introduces a properties panel and annotations in Figma Make, enabling visual edits to code through familiar design controls and in-context prompts. The update supports detailed styling changes, DOM-tree selection, staged review before applying edits, and synchronization with underlying code. ### Source excerpt With visual editing and annotations, Figma Make is bridging the gap between design and code. Select any element you want to change, adjust it directly in the properties panel, or write in-context prompts with annotations. ## Logic for Programmers is Done DevFeed: [Logic for Programmers is Done]() Original publisher: [Read original article]() Author: Hillel Wayne Published: 2026-07-29T15:43:52Z Content type: release Language: en Sources: [Newsletter feed for Hillel Wayne's Newsletter]() Topics: [Publishing](), [LaTeX]() Tags: [announcement](), [blog](), [book](), [free](), [latex](), [typography]() ### AI overview Logic for Programmers has reached version 1.0 and is available in print. Early ebook buyers can download the completed edition for free through Leanpub. ### Source excerpt It's done. Logic for Programmers is now 1.0 and available in print. Full announcement here, official website here, direct Amazon link here. If you got an early version of the ebook, you can go back to leanpub to download the 1.0 for free. This marks the completion of a project that took five years of work, six bookwriting professionals, fourteen domain experts, and fifteen public alphas. This has been, without a doubt, the biggest and most exhausting project I've ever done. The examples in the discarded drafts alone could make a second book. The cursed knowledge I've gained on LaTeX and typography could fill a third (or at least a couple of entertaining blog posts). Self-publishing was simultaneously the worst and best decision I made. Now excuse me I am going to sleep for a month. ## Why I joined the Daily UI challenge after 5 years in UX, and what it taught me DevFeed: [Why I joined the Daily UI challenge after 5 years in UX, and what it taught me]() Original publisher: [Read original article]() Author: Neil Nkoyock Published: 2026-07-21T03:10:03Z Content type: opinion Language: en Sources: [LogRocket Blog]() Topics: [Artificial Intelligence]() Tags: [ai](), [career-development](), [creativity](), [design](), [illustration](), [typography](), [ui](), [uncategorized](), [ux](), [ux-design](), [ux-writing]() ### AI overview A UX designer revisits the 100-day Daily UI challenge to reconnect with hands-on design and compare manual work with AI-assisted concept generation. The experience explores whether shared AI tools flatten creativity, while observing that submissions responding to the same prompts can still differ substantially in typography, layout, color, illustration, and visual personality. ### Source excerpt After five years in UX, I revisited the Daily UI challenge to reconnect with hands-on design. Along the way, I learned that great interfaces come from thoughtful briefs, sound judgment, and user feedback, not just better AI tools. The post Why I joined the Daily UI challenge after 5 years in UX, and what it taught me appeared first on LogRocket Blog. ## Responsive and fluid typography with Baseline CSS features DevFeed: [Responsive and fluid typography with Baseline CSS features]() Original publisher: [Read original article]() Author: Miriam Suzanne GitHub Bluesky Homepage Published: 2025-12-16T08:00:00Z Content type: article Language: en Sources: [web.dev: Articles]() Topics: [CSS](), [Accessibility](), [modern web development](), [web design]() Tags: [accessibility](), [article](), [css](), [developer](), [how-to](), [learn](), [typography](), [user-control](), [web-design]() ### AI overview This article explains how responsive and fluid typography can adapt to browser viewport size while preserving user control over font preferences and zoom. It presents Baseline CSS features and emphasizes testing responsive typography for accessibility. ### Source excerpt Learn how to use Baseline CSS features to create typography that responds to the user with accessibility and developer ergonomics in mind. ## Turn your prompts into visual assets and slide decks with the Figma app in ChatGPT DevFeed: [Turn your prompts into visual assets and slide decks with the Figma app in ChatGPT]() Original publisher: [Read original article]() Author: Sean Lee; Megan Bednarczyk Published: 2025-12-11T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [ChatGPT](), [Prompt Engineering](), [OpenAI]() Tags: [chatgpt](), [collaboration](), [design](), [features](), [figma](), [hackathon](), [openai](), [platforms](), [presentation](), [projects](), [social-media](), [typography](), [year-in-review]() ### AI overview Figma is expanding its app in ChatGPT so users can turn prompts into visual assets, FigJam diagrams, and Figma Slides presentations. The article highlights workflows for creating branded assets in Figma Buzz, including posters, ads, video collages, typography, color treatments, and social-media resizing, as well as generating presentation outlines and year-in-review deck templates for further editing and collaboration in Figma. ### Source excerpt We're expanding the capabilities of the Figma app in ChatGPT, so you can turn your ideas into creative assets and presentations that you can polish in Figma Buzz and Figma Slides. ## Compose Unstyled v1.49: Introducing Platform Themes DevFeed: [Compose Unstyled v1.49: Introducing Platform Themes]() Original publisher: [Read original article]() Author: Alex Styl Published: 2025-11-20T00:00:00Z Content type: release Language: en Sources: [Composables - Concise, no-fluff video tutorials for Android developers]() Topics: [Compose](), [Android](), [iOS](), [Web](), [Mobile]() Tags: [android](), [compose](), [ios](), [themes](), [tokens](), [typography](), [v1](), [web]() ### AI overview Compose Unstyled v1.49 introduces Platform Themes, which provide platform-specific interaction effects and typography defaults across Android, iOS, desktop, and Web. On Web, the feature also bundles Noto Sans and supports scripts including Japanese, Korean, Traditional Chinese, and Simplified Chinese. ### Source excerpt Native look and feel on every platform, not just Android. ## Gemini 3 Pro is now available in Figma Make DevFeed: [Gemini 3 Pro is now available in Figma Make]() Original publisher: [Read original article]() Author: Loredana Crisan Published: 2025-11-18T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Artificial Intelligence](), [Code](), [Supabase]() Tags: [ai](), [code](), [design](), [experimental](), [figma](), [flow](), [gemini](), [generate](), [performance](), [physics](), [typography]() ### AI overview The article evaluates Gemini 3 Pro in Figma Make through design exercises involving varied layouts, visual styles, interactive patterns, motion, and code-backed prototypes. It describes experiments with a Thanksgiving gratitude board using SVG leaves, on-screen physics, and Supabase, as well as a New Year's Eve RSVP page explored in Y2K and concrete-poetry styles. Gemini 3 Flash is also presented as a faster model for quick ideation and refinements. ### Source excerpt We ran Gemini 3 Pro through a series of design exercises in Figma Make. Here's what stood out. ## Spirit of Astro: meet the winning designs DevFeed: [Spirit of Astro: meet the winning designs]() Original publisher: [Read original article]() Author: Chris Swithinbank Published: 2025-10-03T00:00:00Z Content type: news Language: en Sources: [The Astro Blog]() Topics: [Astro](), [Open Source]() Tags: [astro](), [community](), [creativity](), [design](), [graphics](), [open-source](), [products](), [shop](), [typography]() ### AI overview Astro announces the winning designs from its Spirit of Astro Design Contest, featuring community-created interpretations of the Astro logo and Houston, including constellation, 8-bit, retro, and isometric styles. ### Source excerpt New t-shirt designs and a pixel perfect Astro mug, designed with love by the Astro community. ## 5 Useful CSS functions using the new @function rule DevFeed: [5 Useful CSS functions using the new @function rule]() Original publisher: [Read original article]() Published: 2025-08-13T00:00:00Z Content type: tutorial Language: en Sources: [Una Kravets]() Topics: [CSS functions](), [CSS](), [Design system](), [Font]() Tags: [code](), [css](), [css-functions](), [design](), [examples](), [fonts](), [properties](), [syntax](), [tricks](), [typography]() ### AI overview A tutorial demonstrating five practical uses for CSS custom functions introduced with the new @function rule. The examples cover negating values, creating opacity variants, fluid typography, and conditionally rounded borders, with emphasis on clearer and more organized CSS. ### Source excerpt CSS custom functions are a gamechanger. Here are 5 really useful examples. ## A Visual Guide to TopAppBar Variants in Jetpack Compose DevFeed: [A Visual Guide to TopAppBar Variants in Jetpack Compose]() Original publisher: [Read original article]() Author: Alex Zhukovich Published: 2025-02-14T01:16:00Z Content type: tutorial Language: en Sources: [Alex Zhuk - Android development and testing]() Topics: [Jetpack Compose](), [Material Design](), [Development](), [Library]() Tags: [components](), [design](), [development](), [display](), [guide](), [jetpack-compose](), [material-design](), [standard](), [typography]() ### AI overview This article explains the predefined TopAppBar variants in the Material 3 library for Jetpack Compose. It compares their default typography and heights and describes options for centered titles, expandable layouts, subtitles, navigation icons, and actions. ### Source excerpt Material 3 offers a variety of pre-built TopAppBar components to streamline your development and ensure consistency with Material Design guidelines. This article explores different TopAppBar variations, including those with centered titles, expandable layouts, and support for subtitles. ## Figma 2024: We shipped it, you shaped it DevFeed: [Figma 2024: We shipped it, you shaped it]() Original publisher: [Read original article]() Author: Figma Published: 2024-12-04T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Artificial Intelligence](), [Font](), [Canvas]() Tags: [ai](), [community](), [core](), [design](), [feature](), [figma](), [releases](), [typography](), [ui](), [updates](), [workflows]() ### AI overview Figma reviews its 2024 releases, highlighting the UI3 redesign, AI-related improvements, Figma Slides, multi-edit, typography enhancements, and community-driven product development. ### Source excerpt From flagship features to little big updates, we take a look at how you shaped what we shipped in 2024. ## Updating our web system for a new era DevFeed: [Updating our web system for a new era]() Original publisher: [Read original article]() Author: Becca Ramos Published: 2024-11-13T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [web design](), [Web](), [Script]() Tags: [components](), [design](), [ecosystem](), [figma](), [latest-features](), [library](), [typography](), [web](), [web-design](), [workflows]() ### AI overview Figma describes how its Web Experience team audited and refreshed the web design system for figma.com during the company's brand refresh. The work addressed redundant components, a less flexible color system, and typography needs, using a script to examine component usage across pages and identify opportunities to simplify the system. ### Source excerpt Want to see how we used Figma's latest features to audit and refresh our web system? Here's a behind-the-scenes look at how we streamlined our components, improved our workflows, and built for the future. ## How Jetpack Compose Measuring Works DevFeed: [How Jetpack Compose Measuring Works]() Original publisher: [Read original article]() Author: Helios Alonso Published: 2023-09-28T15:00:00Z Content type: tutorial Language: en Sources: [Square Corner Blog RSS Feed]() Topics: [Jetpack Compose](), [Compose](), [ui](), [Android](), [Code]() Tags: [android](), [canvas](), [compose](), [debug](), [engineering](), [jetpack-compose](), [lambda](), [layout](), [performance](), [recomposition](), [structure](), [typography](), [ui]() ### AI overview This tutorial explains how Jetpack Compose measures and lays out UI. It presents Compose UI as an internally generated tree of nodes, describes the Layout method and its content lambda, measure policy, and modifiers, and outlines how measuring and drawing work. ### Source excerpt A high level overview on producing custom rich UI in Compose ## Astro unveils a refreshed brand identity, including a new logo, typography, color palette, and illustration style DevFeed: [Astro unveils a refreshed brand identity, including a new logo, typography, color palette, and illustration style]() Original publisher: [Read original article]() Author: Mark Peck Published: 2023-03-06T00:00:00Z Content type: release Language: en Sources: [The Astro Blog]() Topics: [Astro](), [Development](), [Web Development]() Tags: [astro](), [color](), [design](), [palette](), [readability](), [typography](), [web]() ### AI overview Astro introduces a refreshed brand identity shaped through community interviews and a design process with Streiloff & Co. The update includes refinements to its logo, new typefaces, a distinctive color palette, and an original illustration style. ### Source excerpt Astro's new look is live! Learn all about our new brand including the design process, our new logo, typeface, color palette, and mascot. ## Full-scale expression with Grilli Type DevFeed: [Full-scale expression with Grilli Type]() Original publisher: [Read original article]() Author: Ted Brown Published: 2022-05-27T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Variable Fonts](), [Font](), [Figma](), [Accessibility](), [User Experience](), [web design](), [Web]() Tags: [accessibility](), [design](), [figma](), [fonts](), [legibility](), [typography](), [user-experience](), [user-interface](), [variable-fonts](), [web-design]() ### AI overview This article discusses Figma's support for variable fonts and the benefits of using adjustable font axes for optical size, weight, slant, and expressive web typography. It explains how variable fonts can reduce the need for multiple files and improve consistency, accessibility, and user experience across screen sizes. ### Source excerpt Grilli Type's Theirry Blancpain on the promise and expressive ease of variable fonts. ## Dynamic themes with Compose and Material 3 DevFeed: [Dynamic themes with Compose and Material 3]() Original publisher: [Read original article]() Author: Siddhesh Patil Published: 2022-04-27T23:50:55Z Content type: tutorial Language: en Sources: [Sid Patil - Android Engineer and Kotlin Advocate]() Topics: [Compose](), [Jetpack Compose](), [Material Design](), [Android](), [material-you](), [Library]() Tags: [android](), [android-12](), [android-13](), [articles-by-sid-patil](), [compose](), [dynamic-colors-jetpack-compose](), [dynamic-theming](), [github](), [github-pages](), [jetpack-compose](), [jetpack-compose-theme](), [kotlin](), [material-design-3](), [material-you](), [md3](), [monet](), [typography]() ### AI overview A tutorial on building dynamic light and dark themes with Jetpack Compose and Material 3, using wallpaper-derived colors from Material You on Android 12 and later. It covers dependencies, the Material Theme Builder, generated theme files, and manual theme preparation. ### Source excerpt Use wallpaper generated system colors from Android 12 and Material You to repaint your apps to the users taste by using the material design 3 library and Jetpack compose ## 30 updates: recent features and fixes in Figma DevFeed: [30 updates: recent features and fixes in Figma]() Original publisher: [Read original article]() Author: Emily Brody Published: 2021-07-28T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [User experience (UX)](), [API](), [browser](), [math]() Tags: [api](), [browser](), [can](), [connectors](), [customization](), [design](), [desktop](), [dialog](), [features](), [figma](), [fonts](), [global](), [math](), [plugin](), [tool](), [typography](), [updates](), [ux](), [ux-improvements](), [workflow]() ### AI overview Figma's roundup describes 30 recent updates and fixes intended to improve design workflows. The supplied text covers a redesigned stroke panel, mixed-value math operations, browser-based PNG copying, faster image cropping and adjustments, export and Plugin API changes, remembered pen and pencil settings, synced preferences, fill behavior, dialog controls, missing-font handling, and improved FigJam sticky-note text copying. ### Source excerpt Last month, we launched 30 updates on everything from typography fixes to UX improvements, all to enhance your workflow in Figma. ## Animating Rainbow Text DevFeed: [Animating Rainbow Text]() Original publisher: [Read original article]() Published: 2021-06-26T22:13:10Z Content type: tutorial Language: en Sources: [maiatoday]() Topics: [Compose](), [Jetpack Compose](), [color](), [Font](), [Website]() Tags: [90s-website](), [animate](), [animation](), [code](), [color](), [compose](), [jetpack](), [jetpack-compose](), [rainbow](), [recompose](), [repo](), [test](), [typography]() ### AI overview A tutorial on building animated rainbow text with Jetpack Compose. It covers custom colors and typography, per-character coloring, continuous transitions, keyframes, and staggered animations, with a test screen and source repository. ### Source excerpt Do you remember web pages in the nineties? Everything was pulsing, rotating and animating. I am exploring Jetpack Compose animations and I figured if I can reproduce a 90s web page look, I can do anything. Also June is the month of Rainbows. So to kick off this series I am building animating rainbow text. First I need a rainbow. It needs to be flexible enough for me to be able to swap in any rainbow. val RainbowRed = Color(0xFFDA034E) val RainbowOrange = Color(0xFFFF9800) val RainbowYellow = Color(0xFFFFEB3B) val RainbowGreen = Color(0xFF4CAF50) val RainbowBlue = Color(0xFF2196F3) val RainbowIndigo = Color(0xFF3F51B5) val RainbowViolet = Color(0xFF9C27B0) val SkittlesRainbow = listOf( RainbowRed, RainbowOrange, RainbowYellow, RainbowGreen, RainbowBlue, RainbowIndigo, RainbowViolet ) Since web pages in the nineties used Times New Roman and Helvetica, I added a free version of a serif font. I chose Source Serif. I included the ttf files in the project and made a FontFamily and hooked this into the theme. val SourceSerif = FontFamily( Font(R.font.source_serif_pro_regular), Font(R.font.source_serif_pro_bold, FontWeight.Bold), Font(R.font.source_serif_pro_light, FontWeight.Light), Font(R.font.source_serif_pro_black, FontWeight.Black), Font(R.font.source_serif_pro_extra_light, FontWeight.ExtraLight), ) val Typography = Typography(defaultFontFamily = SourceSerif) MaterialTheme( colors = colors, typography = Typography, shapes = Shapes, content = content ) Next I made a composable that would colour each letter of a string. This simple composable took as many text parameters in and then split the string colouring each character to the colour of the rainbow in the parameter. The startColor index is used to pick which colour the first letter will be. @Composable fun MultiColorText( modifier: Modifier = Modifier, text: String, style: TextStyle = LocalTextStyle.current, rainbow: List = SkittlesRainbow, startColor: Int = 0, ) { Row(modifier) { var index = startColor for (l ## Dyslexia fonts DevFeed: [Dyslexia fonts]() Original publisher: [Read original article]() Author: Hamsa Harcourt Published: 2021-02-22T00:00:00Z Content type: article Language: en Sources: [The A11Y Project]() Topics: [Font](), [Web](), [pdf]() Tags: [fonts](), [pdf](), [readability](), [research](), [typography](), [web]() ### AI overview The article explains dyslexia as a language-processing disorder and discusses how font design and typography can affect readability. It questions whether specialized dyslexia fonts improve reading, noting that research has not shown faster reading or fewer mistakes and that many people with dyslexia prefer common fonts such as Comic Sans, Verdana, and Helvetica. It also recommends general web typography practices, including adequate font size and increased line spacing. ### Source excerpt Dyslexia is a Phonological Processing disorder. This means it is an issue with language processing, not vision. Dyslexia is a slight disorder of the brain that causes difficulty in reading and spelling, for example, but does not affect intelligence. Dyslexia - Oxford Advanced Learner's Dictionary Dyslexia affects about 1 in 5 people worldwide. Its symptoms range in severity from mild to extreme. It causes your brain to transpose letters, numbers, punctuation, and other characters, which affects your ability to read. This means that making Dyslexic-friendly fonts and typography choices are important things to consider. Background When designing fonts, some typographers flip and rotate one character to form other characters. Letters b, p, d and q are usually created using this method. This is because it makes it easier to make the font. However, this practice may cause problems for people with Dyslexia. It can make some letters, numbers, punctuation, and other characters become indistinguishable. This can make it easy to confuse one character for another. As a result, people with Dyslexia may prefer fonts where all the characters are unique. The questionable utility of Dyslexic fonts? Dyslexia fonts are typefaces designed so that each character is unique and distinguishable. Dyslexia fonts also make each character unique by using thicker lines in some parts of the letters, as well as slanting them a bit. They are intended to help people with Dyslexia. According to recent studies, it has been proven that Dyslexia fonts do not help people read faster and make fewer mistakes. In fact, most people with Dyslexia prefer Comic Sans, Verdana, and Helvetica to other fonts. For a detailed review of the research, see Good Fonts for Dyslexia (PDF). General font tips The following are general tips that improve the overall quality of your website's typography: Font size should be at least 12-14pt or its equivalent. This help people with cognitive disabilities, language and learning ## Migrating Your Design System to Jetpack Compose: Part 2 DevFeed: [Migrating Your Design System to Jetpack Compose: Part 2]() Original publisher: [Read original article]() Published: 2020-12-07T07:38:38Z Content type: tutorial Language: en Sources: [Posts on Adam Bennett]() Topics: [Design system](), [Jetpack Compose](), [Compose](), [Library](), [API]() Tags: [algorithms](), [android](), [api](), [api-design](), [blog](), [career](), [component](), [compose](), [design](), [design-system](), [development](), [engineering](), [finance](), [functional](), [growth](), [implementation](), [java](), [jetpack](), [jetpack-compose](), [kotlin](), [legacy](), [library](), [money](), [opinions](), [software](), [startups](), [techniques](), [thoughts](), [training](), [tutorial](), [typography]() ### AI overview Part two of a series on migrating a design system to Jetpack Compose, covering custom theming, integration with existing APIs, risks from a rapidly changing library, and API design considerations. ### Source excerpt Welcome back to the second article in my series about migrating design systems to Jetpack Compose, where I talk about our experiences at Cuvva and how you can apply what we learnt to your team. In part one, I talked about planning ahead, modularisation and getting your team onboard. In part two, I'll talk about custom theming, about building ontop of existing APIs, how to minimise risk from relying on a rapidly changing library and pose a question about API design. [Next page]()