[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"website-detail-useful-books":3,"facets-{\"includeAuthors\":\"false\"}":128,"facets-baseline-false":291,"similar-websites-useful-books":324},{"id":4,"name":5,"slug":6,"url":7,"dateUpdated":8,"fetchedAt":9,"coverId":10,"coverMobileId":11,"coverWidth":12,"coverHeight":13,"coverMobileWidth":14,"coverMobileHeight":15,"descriptionEn":16,"seoMeta":17,"industry":20,"styles":24,"credits":33,"pages":34,"typefaces":45,"technologiesByCategory":50,"pagespeedDesktop":69,"pagespeedMobile":82,"performanceDesktop":72,"performanceMobile":84,"colorBuckets":88,"colorPalette":109},"d8822481-7f83-46b4-be74-e7a1f5c13cb5","Useful Books","useful-books","https:\u002F\u002Fusefulbooks.com","2026-05-23T19:24:39.000Z","2026-05-05T19:24:20.000Z","4011da09-b02b-4e86-a12a-b7aecf788b92","3426805f-2ab6-4e61-8509-c7ea1a37b2d3",1440,900,780,1688,"Useful Books is a specialized educational resource platform designed specifically for the ambitious indie author. It serves as a knowledge hub, providing deep dives into nonfiction design patterns, self-publishing checklists, and strategies for earning a living through authorship. The site aims to bridge the gap between writing a book and creating a professional, impactful product that resonates with readers.\n\nThe visual identity is defined by a sophisticated, typographic-driven aesthetic that leans into high-contrast serif fonts and a clean, minimalist layout. The use of ample white space, subtle color accents in circular icons, and a structured grid creates an atmosphere of authority and clarity. It avoids the clutter typical of many self-help blogs, instead opting for a premium, editorial feel that mirrors the quality of the professional publishing industry it seeks to demystify.",{"title":18,"meta_description":19},"Useful Books | Resources for Ambitious Indie Authors","Master nonfiction design, self-publishing, and author earnings with expert resources and checklists tailored for the professional indie author.",{"name":21,"label":22,"slug":23},"Education & Courses","Education","education",[25,29],{"name":26,"label":27,"slug":28},"Clean \u002F Minimalist","Minimalist","minimalist",{"name":30,"label":31,"slug":32},"Typographic \u002F Big Type","Typographic","typographic",[],[35],{"name":36,"title":5,"description":37,"url":38,"coverId":10,"coverMobileId":11,"alt":39,"altMobile":40,"pageType":41},"Homepage","Resources for the ambitious indie author.","https:\u002F\u002Fusefulbooks.com\u002F","The desktop homepage features a minimalist white background with black serif typography. A large hero headline reads 'Resources for the ambitious indie author,' followed by a section for 'Nonfiction Design Patterns' which includes a pink circular icon with a white 'D' and a 'Read on' call-to-action button. A navigation bar at the top contains links to various resources and a 'Get help with your book' button.","The mobile version uses a single-column vertical layout optimized for small screens. The large hero headline is centered at the top, followed by content sections like 'Nonfiction Design Patterns' that stack vertically. The top navigation is condensed into a 'Menu' button next to the brand logo.",{"name":42,"label":43,"slug":44},"Home \u002F Landing Page","Home \u002F Landing","home-landing",[46],{"name":47,"label":47,"slug":48,"foundryName":49},"Inter","inter",null,{"Issue trackers":51,"Live chat":55,"Security":57,"CDN":61,"PaaS":65},[52],{"name":53,"label":53,"slug":54},"Help Scout","help-scout",[56],{"name":53,"label":53,"slug":54},[58],{"name":59,"label":59,"slug":60},"HSTS","hsts",[62],{"name":63,"label":63,"slug":64},"jsDelivr","jsdelivr",[66],{"name":67,"label":67,"slug":68},"Vercel","vercel",[70,73,76,79],{"category":71,"score":72},"performance",98,{"category":74,"score":75},"accessibility",100,{"category":77,"score":78},"best-practices",96,{"category":80,"score":81},"seo",92,[83,85,86,87],{"category":71,"score":84},84,{"category":74,"score":75},{"category":77,"score":78},{"category":80,"score":81},[89,93,97,101,105],{"value":90,"label":91,"hex":92},"white","White","#ffffff",{"value":94,"label":95,"hex":96},"black","Black","#000000",{"value":98,"label":99,"hex":100},"gray","Gray","#737373",{"value":102,"label":103,"hex":104},"pink","Pink","#f7339a",{"value":106,"label":107,"hex":108},"teal","Teal","#00bba7",[110,113,116,119,122,125],{"hex":111,"percent":112},"#FFFDF9",0.9695,{"hex":114,"percent":115},"#191E27",0.012,{"hex":117,"percent":118},"#606569",0.008,{"hex":120,"percent":121},"#BAB6B9",0.0066,{"hex":123,"percent":124},"#E94FA3",0.0039,{"hex":126,"percent":127},"#04BBE5",0.0001,{"facetDistribution":129,"facetLabels":206},{"industry":130,"styles":150,"technologies":165,"font_families":190,"page_type_name":204},{"Agency & Studio":131,"Art & Culture":132,"SaaS & Software":133,"Fashion & Apparel":134,"Architecture & Real Estate":135,"Entertainment & Media":136,"Food & Beverage":137,"Photography & Video":138,"Finance & Fintech":139,"Healthcare & Wellness":140,"Technology & Hardware":141,"Industrial & Manufacturing":142,"Beauty & Cosmetics":143,"Travel & Hospitality":144,"Non-Profit & Charity":145,"Education & Courses":146,"Crypto & Web3":147,"Sports & Fitness":148,"Automotive & Transportation":149},716,296,210,167,163,138,125,120,76,62,54,49,47,45,41,32,24,21,11,{"Clean \u002F Minimalist":151,"Typographic \u002F Big Type":152,"High-End \u002F Luxury":153,"Dark Mode":154,"Vibrant \u002F Colorful":155,"Monochrome \u002F Grayscale":156,"Fun \u002F Playful":157,"Brutalist \u002F Neo-Brutalist":158,"Corporate \u002F Professional":159,"Illustrative \u002F Hand-drawn":160,"Futuristic \u002F Sci-Fi":161,"3D \u002F Spatial":162,"Retro \u002F Vintage \u002F Y2K":163,"Glassmorphism":164,"Bento Grid":164},2056,1713,1012,570,393,317,257,236,205,87,69,55,33,15,{"jQuery":166,"PHP":167,"WordPress":168,"Node.js":169,"React":170,"Vercel":171,"Vue.js":172,"Shopify":173,"Next.js":174,"Klaviyo":175,"Nuxt.js":176,"Typekit":177,"Amazon Web Services":178,"reCAPTCHA":179,"YouTube":180,"MailChimp":81,"Modernizr":181,"Bootstrap":182,"Slick":183,"Google Font API":184,"Craft CMS":185,"Framer Sites":186,"Contact Form 7":187,"Stimulus":188,"Google Maps":189},875,629,504,320,311,262,207,196,161,149,147,141,129,117,95,91,85,82,79,66,65,64,59,58,{"Inter":191,"Times New Roman":192,"Roboto":193,"Open Sans":194,"Neue Haas Grotesk":194,"Suisse Intl":195,"Arial":161,"Poppins":185,"Helvetica Neue":187,"Montserrat":196,"Diatype":162,"Neue Montreal":141,"Lato":142,"Graphik":197,"Source Sans":198,"Monument Grotesk":199,"Noto Sans":200,"Helvetica":201,"Söhne":202,"DM Sans":202,"Founders Grotesk":202,"GT America":203,"Google Sans":203,"Editorial":163,"IBM Plex Mono":146},315,168,127,90,88,60,46,44,40,39,36,35,34,{"Home \u002F Landing Page":205},2397,{"industry":207,"styles":226,"page_type_name":240,"technologies":241,"font_families":266},{"Agency & Studio":208,"Art & Culture":209,"SaaS & Software":210,"Fashion & Apparel":211,"Architecture & Real Estate":212,"Entertainment & Media":213,"Food & Beverage":214,"Photography & Video":215,"Finance & Fintech":216,"Healthcare & Wellness":217,"Technology & Hardware":218,"Industrial & Manufacturing":219,"Beauty & Cosmetics":220,"Travel & Hospitality":221,"Non-Profit & Charity":222,"Education & Courses":22,"Crypto & Web3":223,"Sports & Fitness":224,"Automotive & Transportation":225},"Agencies","Art and Culture","Software","Fashion","Real Estate","Entertainment","Food and Drink","Photography","Fintech","Wellness","Technology","Industrial","Beauty","Travel","Non-Profit","Web3","Sports","Automotive",{"Clean \u002F Minimalist":27,"Typographic \u002F Big Type":31,"High-End \u002F Luxury":227,"Dark Mode":228,"Vibrant \u002F Colorful":229,"Monochrome \u002F Grayscale":230,"Fun \u002F Playful":231,"Brutalist \u002F Neo-Brutalist":232,"Corporate \u002F Professional":233,"Illustrative \u002F Hand-drawn":234,"Futuristic \u002F Sci-Fi":235,"3D \u002F Spatial":236,"Retro \u002F Vintage \u002F Y2K":237,"Glassmorphism":238,"Bento Grid":239},"Luxury","Dark Mode","Vibrant","Monochrome","Playful","Brutalist","Corporate","Illustrative","Futuristic","3D and Spatial","Retro and Y2K","Glassmorphism","Bento Grid",{"Home \u002F Landing Page":43},{"jQuery":242,"PHP":243,"WordPress":244,"Node.js":245,"React":246,"Vercel":67,"Vue.js":247,"Shopify":248,"Next.js":249,"Klaviyo":250,"Nuxt.js":251,"Typekit":252,"Amazon Web Services":253,"reCAPTCHA":254,"YouTube":255,"MailChimp":256,"Modernizr":257,"Bootstrap":258,"Slick":259,"Google Font API":260,"Craft CMS":261,"Framer Sites":262,"Contact Form 7":263,"Stimulus":264,"Google Maps":265},"jQuery","PHP","WordPress","Node.js","React","Vue.js","Shopify","Next.js","Klaviyo","Nuxt.js","Typekit","Amazon Web Services","reCAPTCHA","YouTube","MailChimp","Modernizr","Bootstrap","Slick","Google Font API","Craft CMS","Framer Sites","Contact Form 7","Stimulus","Google Maps",{"Inter":47,"Times New Roman":267,"Roboto":268,"Open Sans":269,"Neue Haas Grotesk":270,"Suisse Intl":271,"Arial":272,"Poppins":273,"Helvetica Neue":274,"Montserrat":275,"Diatype":276,"Neue Montreal":277,"Lato":278,"Graphik":279,"Source Sans":280,"Monument Grotesk":281,"Noto Sans":282,"Helvetica":283,"Söhne":284,"DM Sans":285,"Founders Grotesk":286,"GT America":287,"Google Sans":288,"Editorial":289,"IBM Plex Mono":290},"Times New Roman","Roboto","Open Sans","Neue Haas Grotesk","Suisse Intl","Arial","Poppins","Helvetica Neue","Montserrat","Diatype","Neue Montreal","Lato","Graphik","Source Sans","Monument Grotesk","Noto Sans","Helvetica","Söhne","DM Sans","Founders Grotesk","GT America","Google Sans","Editorial","IBM Plex Mono",{"facetDistribution":292,"facetLabels":308},{"industry":293,"styles":294,"technologies":295,"font_families":296,"page_type_name":297},{"Agency & Studio":131,"Art & Culture":132,"SaaS & Software":133,"Fashion & Apparel":134,"Architecture & Real Estate":135,"Entertainment & Media":136,"Food & Beverage":137,"Photography & Video":138,"Finance & Fintech":139,"Healthcare & Wellness":140,"Technology & Hardware":141,"Industrial & Manufacturing":142,"Beauty & Cosmetics":143,"Travel & Hospitality":144,"Non-Profit & Charity":145,"Education & Courses":146,"Crypto & Web3":147,"Sports & Fitness":148,"Automotive & Transportation":149},{"Clean \u002F Minimalist":151,"Typographic \u002F Big Type":152,"High-End \u002F Luxury":153,"Dark Mode":154,"Vibrant \u002F Colorful":155,"Monochrome \u002F Grayscale":156,"Fun \u002F Playful":157,"Brutalist \u002F Neo-Brutalist":158,"Corporate \u002F Professional":159,"Illustrative \u002F Hand-drawn":160,"Futuristic \u002F Sci-Fi":161,"3D \u002F Spatial":162,"Retro \u002F Vintage \u002F Y2K":163,"Glassmorphism":164,"Bento Grid":164},{"jQuery":166,"PHP":167,"WordPress":168,"Node.js":169,"React":170,"Vercel":171,"Vue.js":172,"Shopify":173,"Next.js":174,"Klaviyo":175,"Nuxt.js":176,"Typekit":177,"Amazon Web Services":178,"reCAPTCHA":179,"YouTube":180,"MailChimp":81,"Modernizr":181,"Bootstrap":182,"Slick":183,"Google Font API":184,"Craft CMS":185,"Framer Sites":186,"Contact Form 7":187,"Stimulus":188,"Google Maps":189},{"Inter":191,"Times New Roman":192,"Roboto":193,"Open Sans":194,"Neue Haas Grotesk":194,"Suisse Intl":195,"Arial":161,"Poppins":185,"Helvetica Neue":187,"Montserrat":196,"Diatype":162,"Neue Montreal":141,"Lato":142,"Graphik":197,"Source Sans":198,"Monument Grotesk":199,"Noto Sans":200,"Helvetica":201,"Söhne":202,"DM Sans":202,"Founders Grotesk":202,"GT America":203,"Google Sans":203,"Editorial":163,"IBM Plex Mono":146},{"Home \u002F Landing Page":298,"About Us \u002F Team":299,"Projects \u002F Portfolio":300,"Contact Us":301,"Blog \u002F Article Layout":302,"Services \u002F Features":303,"Shop \u002F Catalog":304,"Careers \u002F Jobs":305,"Pricing Page":140,"Sign Up \u002F Login":306,"404 Error Page":307},2401,774,527,418,378,341,299,89,27,9,{"industry":309,"styles":310,"page_type_name":311,"technologies":322,"font_families":323},{"Agency & Studio":208,"Art & Culture":209,"SaaS & Software":210,"Fashion & Apparel":211,"Architecture & Real Estate":212,"Entertainment & Media":213,"Food & Beverage":214,"Photography & Video":215,"Finance & Fintech":216,"Healthcare & Wellness":217,"Technology & Hardware":218,"Industrial & Manufacturing":219,"Beauty & Cosmetics":220,"Travel & Hospitality":221,"Non-Profit & Charity":222,"Education & Courses":22,"Crypto & Web3":223,"Sports & Fitness":224,"Automotive & Transportation":225},{"Clean \u002F Minimalist":27,"Typographic \u002F Big Type":31,"High-End \u002F Luxury":227,"Dark Mode":228,"Vibrant \u002F Colorful":229,"Monochrome \u002F Grayscale":230,"Fun \u002F Playful":231,"Brutalist \u002F Neo-Brutalist":232,"Corporate \u002F Professional":233,"Illustrative \u002F Hand-drawn":234,"Futuristic \u002F Sci-Fi":235,"3D \u002F Spatial":236,"Retro \u002F Vintage \u002F Y2K":237,"Glassmorphism":238,"Bento Grid":239},{"Home \u002F Landing Page":43,"About Us \u002F Team":312,"Projects \u002F Portfolio":313,"Contact Us":314,"Blog \u002F Article Layout":315,"Services \u002F Features":316,"Shop \u002F Catalog":317,"Careers \u002F Jobs":318,"Pricing Page":319,"Sign Up \u002F Login":320,"404 Error Page":321},"About Us","Portfolio","Contact","Blog \u002F Article","Services","Shop \u002F Catalog","Careers","Pricing","Sign Up \u002F Login","404 Error",{"jQuery":242,"PHP":243,"WordPress":244,"Node.js":245,"React":246,"Vercel":67,"Vue.js":247,"Shopify":248,"Next.js":249,"Klaviyo":250,"Nuxt.js":251,"Typekit":252,"Amazon Web Services":253,"reCAPTCHA":254,"YouTube":255,"MailChimp":256,"Modernizr":257,"Bootstrap":258,"Slick":259,"Google Font API":260,"Craft CMS":261,"Framer Sites":262,"Contact Form 7":263,"Stimulus":264,"Google Maps":265},{"Inter":47,"Times New Roman":267,"Roboto":268,"Open Sans":269,"Neue Haas Grotesk":270,"Suisse Intl":271,"Arial":272,"Poppins":273,"Helvetica Neue":274,"Montserrat":275,"Diatype":276,"Neue Montreal":277,"Lato":278,"Graphik":279,"Source Sans":280,"Monument Grotesk":281,"Noto Sans":282,"Helvetica":283,"Söhne":284,"DM Sans":285,"Founders Grotesk":286,"GT America":287,"Google Sans":288,"Editorial":289,"IBM Plex Mono":290},{"hits":325},[326,450,549,689],{"id":327,"website_id":328,"page_id":327,"name":329,"slug":330,"url":331,"website_name":329,"website_slug":330,"website_url":332,"result_url":331,"fetched_at":333,"score":139,"score_boost":334,"ai_score":335,"freshness_score":336,"scored_at":337,"page_name":36,"page_url":331,"page_title":338,"page_description":339,"page_content":340,"page_sort":334,"is_home":341,"is_home_rank":342,"page_type_id":343,"page_type_name":42,"cover":344,"cover_mobile":347,"cover_sequence":349,"translations":422,"industry":426,"styles":427,"credits":429,"font_families":431,"technologies":435,"pagespeed":436,"pagespeed_mobile":441,"buckets":447,"search_payload":449},"a125389a-00e4-4f4f-8b05-5342ded83201","f6e5361c-dd87-4582-b01c-f61a3ebfae50","Open Book communications","open-book-communications","https:\u002F\u002Fteamopenbook.com\u002F","https:\u002F\u002Fteamopenbook.com","2026-05-04T07:24:48.000Z",0,78,74,"2026-05-23T19:22:14.000Z","Open Book Communications","Helping leaders build compelling stories and brands fueled with vision.","Please Upgrade Your Browser. Unfortunately, Internet Explorer is an outdated browser and we do not currently support it. To have the best browsing experience, please upgrade to Microsoft Edge, Google Chrome or Safari. Upgrade [ ](\u002F) About Us Our Approach Our Work The Team Join Our Team Say Hello [ Join Our Team ](\u002Fcareers)[ Say Hello ](\u002Fcontact) say hello hello@teamopenbook.com612.345.7934 [ We believe every idea is an opportunity for connection. ](#possibility) Open Book works at the intersection of strategic consulting and creative making, serving clients nationwide with storytelling that drives change. Play Video Invite people into your story.® Telling stories is the heart of everything we do. Stories that build on what is true, point to what is possible, and invite people toward action. Because if you want to get people to _believe_ in something and go after it, you have to make them feel _part of something_ bigger than themselves. And a story does just that. [ About us ](\u002Fabout) WE MAKE EACH OTHER BETTER We are designers writers makers strategists storytellers get-it-doners a team builders learners we create with these tools Story Strategy Brand Content Digital Messaging Print Writing Design Talking Points Fundraising Pitches Campaigns Presentations we create with these tools OUR PHILOSOPHY We believe the future is full of possibility—and our clients do, too. Every client we partner with is working toward something new and big and important. And in order to turn that vision into reality, they need to build connections—with their audience and partners, within their own team, and between where they are today and where they hope to be tomorrow. ‍ Open Book helps build those connections. This can be done in many ways: through words, a website, video, events, even a single big idea. On their own, individual creative works can delight, inspire, and motivate people. But when they build on each other—connect _to_ each other—it can lead to something far greater: a _story_ people feel invited into. [ Learn about our approach ](\u002Fapproach-old) What we've been building: [ Grace Commons ](\u002Fportfolio\u002Fgrace-commons) [ Veritas Forum ](\u002Fportfolio\u002Fveritas-forum) [ TreeHouse ](\u002Fportfolio\u002Ftreehouse) [ Vivo ](\u002Fportfolio\u002Fvivo) [ Riverbridge ](\u002Fportfolio\u002Friverbridge) [ The New York Project ](\u002Fportfolio\u002Fthe-new-york-project) [ Rise ](\u002Fportfolio\u002Frise) [ Anselm House ](\u002Fportfolio\u002Fanselm-house) [ The Stony Brook School ](\u002Fportfolio\u002Fstony-brook-school) INTERESTED IN LEARNING MORE? [ Let's build together ](\u002Fcontact) Say Hello [hello@teamopenbook.com ](mailto:hello@teamopenbook.com?subject=Hello!)[612.345.7934 ](tel:612-345-7934)‍ [3802 Nicollet Avenue, Suite #204 Minneapolis, MN 55409](https:\u002F\u002Fwww.google.com\u002Fmaps\u002Fplace\u002F3802+Nicollet+Ave+%23204Minneapolis,+Minneapolis,+MN+55409\u002Fdata=!4m2!3m1!1s0x87f627c005ffd351:0xa945a8da082f93d3?sa=X&ved=2ahUKEwjFxun-sZ3mAhWBITQIHaGpB2AQ8gEwAHoECAcQAQ) Join Our Team Say Hello Driven by More Q+A conversations that explore the mindsets and motivations of leaders who are building a better tomorrow. Read Stories © 2025 Open Book Communications. All rights reserved.",true,1,"1",{"id":345,"height":13,"width":12,"blurhash":346},"1145e335-259a-42f9-8f94-824bb98b848e","radial-gradient(at 0 0,#ffffff,#00000000 50%),radial-gradient(at 33% 0,#ffffff,#00000000 50%),radial-gradient(at 67% 0,#ffffff,#00000000 50%),radial-gradient(at 100% 0,#ffffff,#00000000 50%),radial-gradient(at 0 50%,#e5e6f2,#00000000 50%),radial-gradient(at 33% 50%,#fefdff,#00000000 50%),radial-gradient(at 67% 50%,#dedee2,#00000000 50%),radial-gradient(at 100% 50%,#c9cad4,#00000000 50%),radial-gradient(at 0 100%,#eae5ed,#00000000 50%),radial-gradient(at 33% 100%,#fbf9fb,#00000000 50%),radial-gradient(at 67% 100%,#d0cbd4,#00000000 50%),radial-gradient(at 100% 100%,#bfb9c5,#00000000 50%)",{"id":348,"height":15,"width":14,"blurhash":49},"f7eab96a-0548-43f0-8e9f-2e9166ad9d49",[350,353,356,359,362,365,368,371,374,377,380,383,386,389,392,395,398,401,404,407,410,413,416,419],{"directus_files_id":351},{"id":352},"c78e9c4c-5c82-4e5e-93f5-6f677676170b",{"directus_files_id":354},{"id":355},"4082129e-2d48-499c-b53d-06e7e932e2f7",{"directus_files_id":357},{"id":358},"428a00a4-ae8b-4b8c-b573-8c4b503a5495",{"directus_files_id":360},{"id":361},"a6eea9b5-da09-4ad2-ae2a-03051929aeef",{"directus_files_id":363},{"id":364},"33a4d520-82ba-4c0a-9f64-25eb548a2d27",{"directus_files_id":366},{"id":367},"17512d8e-0881-44ea-bf2c-248a1c55025f",{"directus_files_id":369},{"id":370},"4fcba306-fe0b-4ba7-97c1-1046fdbd00eb",{"directus_files_id":372},{"id":373},"95a94583-68cb-428c-a5a6-a37cb4eb5322",{"directus_files_id":375},{"id":376},"4b5c6b15-7529-4570-91cb-83efcc787fc2",{"directus_files_id":378},{"id":379},"567ca65d-1309-48df-b91c-d911d9221904",{"directus_files_id":381},{"id":382},"63175422-f5cc-495e-b3d6-dfcf0be5f358",{"directus_files_id":384},{"id":385},"3ee3ec33-9eae-47c6-84d2-a1e5b45b9f0b",{"directus_files_id":387},{"id":388},"8abd6182-1ee8-42ac-84ae-9ed91b611ba8",{"directus_files_id":390},{"id":391},"c783b45e-6294-478f-b7fc-b09aebc29283",{"directus_files_id":393},{"id":394},"aedf6210-f4d9-47a9-b49e-96406fc967b9",{"directus_files_id":396},{"id":397},"b7827f20-45df-471c-bae7-49196c4ba492",{"directus_files_id":399},{"id":400},"ed74df95-d369-48eb-960c-bd8efe8fbc2d",{"directus_files_id":402},{"id":403},"30d5d1be-3d98-4c5f-9111-6badd5a764b8",{"directus_files_id":405},{"id":406},"1c026f18-e3b0-485d-bd2f-29dca6141653",{"directus_files_id":408},{"id":409},"98c42df6-466e-4c27-8d77-6443a4370a5c",{"directus_files_id":411},{"id":412},"e148e86a-5f99-4ee7-ba8d-7de0447692b1",{"directus_files_id":414},{"id":415},"bc503445-2940-4148-acfc-68e1be4e588a",{"directus_files_id":417},{"id":418},"17d9c38d-c779-4d93-873f-285faf3bac53",{"directus_files_id":420},{"id":421},"203cba3a-e367-4d3d-8f3e-669e48914eae",[423],{"languages_code":424,"description":425},"en","Open Book Communications is a strategic consulting and creative agency dedicated to helping leaders craft compelling narratives and vision-driven brands. By operating at the intersection of strategy and creative execution, the agency empowers clients to build meaningful connections through storytelling that drives tangible change.\n\nThe visual identity is sophisticated yet approachable, utilizing a high-contrast palette of deep navy, crisp white, and warm terracotta. The design employs a modern, editorial layout characterized by expressive serif typography, layered collage-style imagery, and a clean, airy use of whitespace. This aesthetic targets forward-thinking leaders and organizations seeking a brand voice that is both authoritative and human-centric.","Agency & Studio",[26,428,30],"High-End \u002F Luxury",[430],"Open Book",[272,432,433,434],"Canela","Aperçu","Roboto Mono",[],[437,438,439,440],{"score":187,"category":71},{"score":335,"category":74},{"score":189,"category":77},{"score":75,"category":80},[442,443,445,446],{"score":143,"category":71},{"score":444,"category":74},77,{"score":189,"category":77},{"score":75,"category":80},[90,94,98,448],"red","Website: Open Book communications. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Open Book Communications. Page description: Helping leaders build compelling stories and brands fueled with vision.. Page content: Please Upgrade Your Browser. Unfortunately, Internet Explorer is an outdated browser and we do not currently support it. To have the best browsing experience, please upgrade to Microsoft Edge, Google Chrome or Safari. Upgrade [ ](\u002F) About Us Our Approach Our Work The Team Join Our Team Say Hello [ Join Our Team ](\u002Fcareers)[ Say Hello ](\u002Fcontact) say hello hello@teamopenbook.com612.345.7934 [ We believe every idea is an opportunity for connection. ](#possibility) Open Book works at the intersection of strategic consulting and creative making, serving clients nationwide with storytelling that drives change. Play Video Invite people into your story.® Telling stories is the heart of everything we do. Stories that build on what is true, point to what is possible, and invite people toward action. Because if you want to get people to _believe_ in something and go after it, you have to make them feel _part of something_ bigger than themselves. And a story does just that. [ About us ](\u002Fabout) WE MAKE EACH OTHER BETTER We are designers writers makers strategists storytellers get-it-doners a team builders learners we create with these tools Story Strategy Brand Content Digital Messaging Print Writing Design Talking Points Fundraising Pitches Campaigns Presentations we create with these tools OUR PHILOSOPHY We believe the future is full of possibility—and our clients do, too. Every client we partner with is working toward something new and big and important. And in order to turn that vision into reality, they need to build connections—with their audience and partners, within their own team, and between where they are today and where they hope to be tomorrow. ‍ Open Book helps build those connections. This can be done in many ways: through words, a website, video, events, even a single big idea. On their own, individual creative works can delight, inspire, and motivate people. But when they build on each other—connect _to_ each other—it can lead to something far greater: a _story_ people feel invited into. [ Learn about our approach ](\u002Fapproach-old) What we've been building: [ Grace Commons ](\u002Fportfolio\u002Fgrace-commons) [ Veritas Forum ](\u002Fportfolio\u002Fveritas-forum) [ TreeHouse ](\u002Fportfolio\u002Ftreehouse) [ Vivo ](\u002Fportfolio\u002Fvivo) [ Riverbridge ](\u002Fportfolio\u002Friverbridge) [ The New York Project ](\u002Fportfolio\u002Fthe-new-york-project) [ Rise ](\u002Fportfolio\u002Frise) [ Anselm House ](\u002Fportfolio\u002Fanselm-house) [ The Stony Brook School ](\u002Fportfolio\u002Fstony-brook-school) INTERESTED IN LEARNING MORE? [ Let's build together ](\u002Fcontact) Say Hello [hello@teamopenbook.com ](mailto:hello@teamopenbook.com?subject=Hello!)[612.345.7934 ](tel:612-345-7934)‍ [3802 Nicollet Avenue, Suite #204 Minneapolis, MN 55409](https:\u002F\u002Fwww.google.com\u002Fmaps\u002Fplace\u002F3802+Nicollet+Ave+%23204Minneapolis,+Minneapolis,+MN+55409\u002Fdata=!4m2!3m1!1s0x87f627c005ffd351:0xa945a8da082f93d3?sa=X&ved=2ahUKEwjFxun-sZ3mAhWBITQIHaGpB2AQ8gEwAHoECAcQAQ) Join Our Team Say Hello Driven by More Q+A conversations that explore the mindsets and motivations of leaders who are building a better tomorrow. Read Stories © 2025 Open Book Communications. All rights reserved.. A Clean \u002F Minimalist, High-End \u002F Luxury, Typographic \u002F Big Type website in the Agency & Studio industry. Designed by Open Book. The overall color palette features White, Black, Gray, Red. The typography features Arial (Sans Serif), Canela (Serif, Commercial Type), Aperçu (Sans Serif, Colophon), Roboto Mono (Sans Serif). AI description: Open Book Communications is a strategic consulting and creative agency dedicated to helping leaders craft compelling narratives and vision-driven brands. By operating at the intersection of strategy and creative execution, the agency empowers clients to build meaningful connections through storytelling that drives tangible change. The visual identity is sophisticated yet approachable, utilizing a high-contrast palette of deep navy, crisp white, and warm terracotta. The design employs a modern, editorial layout characterized by expressive serif typography, layered collage-style imagery, and a clean, airy use of whitespace. This aesthetic targets forward-thinking leaders and organizations seeking a brand voice that is both authoritative and human-centric.",{"id":451,"website_id":452,"page_id":451,"name":453,"slug":454,"url":455,"website_name":453,"website_slug":454,"website_url":456,"result_url":455,"fetched_at":457,"score":186,"score_boost":334,"ai_score":140,"freshness_score":458,"scored_at":459,"page_name":36,"page_url":455,"page_title":453,"page_description":460,"page_content":461,"page_sort":334,"is_home":341,"is_home_rank":342,"page_type_id":343,"page_type_name":42,"cover":462,"cover_mobile":465,"cover_sequence":467,"translations":525,"industry":528,"styles":529,"credits":530,"font_families":533,"technologies":534,"pagespeed":536,"pagespeed_mobile":542,"buckets":547,"search_payload":548},"fbecb31b-5373-4126-b7c7-69e29bb87585","f0478c27-1dbd-4438-ab35-41b575369186","OpaqueScript","opaquescript","https:\u002F\u002Fopaquescript.com\u002F","https:\u002F\u002Fopaquescript.com","2026-05-04T10:11:57.000Z",1777889517,"2026-05-24T21:03:15.000Z","This is OpaqueScript for Adobe InDesign. A powerful tool to simulate paper opacity in print products.","This is OpaqueScript for Adobe InDesign, a powerful tool to simulate paper opacity in print products. Get it here This is OpaqueScript for Adobe InDesign, a powerful tool to simulate paper opacity in print products. Get it here OpaqueScript is a tool that digitally simulates paper opacity in your InDesign documents. In paper production, opacity refers to the non-translucent quality of paper. When using lightweight or non-opaque paper, the contents of both the preceding and the following page shine through the pages. Until now, there’s been no satisfying solution to simulate this effect on your screen before sending documents to the printer. With OpaqueScript, we’ve developed a powerful tool for Adobe InDesign that will help you simulate paper opacity in all your projects. Our script is able to improve or enhance the effects of paper transparency in extensive documents in a short period of time. You can use our script to both play with the optical effects of paper translucency and to inspect your files in post-production to make sure mistakes are minimized (e.g. register-keeping and grid accuracy). About You can install OpaqueScript directly on your computer by following the Adobe InDesign instructions for working with scripts. Once you open OpaqueScript, it will ask you to choose the document you’d like to edit. The script will then generate a new file based on your selection and apply a simulation to the preceding page that shows the following page shining through from underneath. Because the original file is used as a link while you work, you’ll be able to make changes in your layout and update your simulations whenever it’s necessary. Your original file, however, will not be processed until you finish editing, so you can be sure things don’t get lost or ruined. See how it works How to use it OpaqueScript is currently available for download as a free basic version here. In addition, we created a Pro version for paper opacity and paper colors adjustments as well as presets for the most common papers. Buy Now: 15.00 EUR OpaqueScript is a joint venture of visual communication studio Bonsma&Reist (idea, design) and developer Roger Burkhard (code). The project is supported by Berner Design Stiftung. ©2021, All rights reserved.Photo credits (in order of appearance): Ausstellung Bestform 2019. Foto: Christof Eugster; Ferdinand Demetz, Italien, Evangelist Markus mit Löwe, 1894. Foto: Chris Richter; Hans Huggler-Wyss, Sitzender Jagdhund auf Sockel, um 1909. Foto: Chris Richter; Debora Kurer, «Lass uns Suppe essen», 2015. Foto: Debora Kurer; Nathalie Heid, Wasserurne, 2014. Foto: Chris Richter",{"id":463,"height":13,"width":12,"blurhash":464},"105f61ed-263a-44ce-a14c-2db00b34c304","radial-gradient(at 0 0,#cacaca,#00000000 50%),radial-gradient(at 33% 0,#c9c9c9,#00000000 50%),radial-gradient(at 67% 0,#e2e2e2,#00000000 50%),radial-gradient(at 100% 0,#f5f5f5,#00000000 50%),radial-gradient(at 0 50%,#ffffff,#00000000 50%),radial-gradient(at 33% 50%,#ffffff,#00000000 50%),radial-gradient(at 67% 50%,#ffffff,#00000000 50%),radial-gradient(at 100% 50%,#ffffff,#00000000 50%),radial-gradient(at 0 100%,#949494,#00000000 50%),radial-gradient(at 33% 100%,#969696,#00000000 50%),radial-gradient(at 67% 100%,#b2b2b2,#00000000 50%),radial-gradient(at 100% 100%,#cbcbcb,#00000000 50%)",{"id":466,"height":15,"width":14,"blurhash":49},"2c6ac27c-a53f-478f-821b-744d77d7cf5b",[468,471,474,477,480,483,486,489,492,495,498,501,504,507,510,513,516,519,522],{"directus_files_id":469},{"id":470},"7c2aa5e4-4fa3-491f-8980-cb3d9ac9b54a",{"directus_files_id":472},{"id":473},"6ef56832-8366-44d1-8547-171b66461073",{"directus_files_id":475},{"id":476},"9e64a02c-4658-42e6-a9e9-024babb968f8",{"directus_files_id":478},{"id":479},"99dabc49-2b13-4e09-8940-f6b1314f113a",{"directus_files_id":481},{"id":482},"e7d90f64-d946-478c-b482-6a2c8b2dd811",{"directus_files_id":484},{"id":485},"950ffb1b-45aa-40c8-b5f3-60404bfb4442",{"directus_files_id":487},{"id":488},"05854428-048e-4845-bd0c-14df96775408",{"directus_files_id":490},{"id":491},"23770982-47bb-4003-a7c9-1ae5ad234045",{"directus_files_id":493},{"id":494},"339c4949-e5b1-4a01-8e09-31bc69cc3ab3",{"directus_files_id":496},{"id":497},"8ab93207-ad99-4fce-a2a3-54b1314e0619",{"directus_files_id":499},{"id":500},"7ba98214-e480-4b81-869e-7b2675c48afe",{"directus_files_id":502},{"id":503},"4b13172c-5bed-4798-98e4-1606c4c0f787",{"directus_files_id":505},{"id":506},"a6608911-4fc3-4ef7-b99e-25eafec1c091",{"directus_files_id":508},{"id":509},"e27a16d3-13c2-487a-92b0-a54352bdd29b",{"directus_files_id":511},{"id":512},"6ed8207e-18d5-4d31-adad-ded253a71c95",{"directus_files_id":514},{"id":515},"56062f53-700e-4fd6-8d9b-f551cdce9842",{"directus_files_id":517},{"id":518},"a67479c9-61a2-448f-8726-82ccf7293d5c",{"directus_files_id":520},{"id":521},"85a87d98-53b6-4224-a63b-0aff7d4d9cfc",{"directus_files_id":523},{"id":524},"33b27e8b-dc69-4173-b464-23ef65a666c6",[526],{"languages_code":424,"description":527},"OpaqueScript is a specialized utility designed for Adobe InDesign users, specifically targeting print designers and production artists. The website serves as a landing page for a niche software tool that simulates paper opacity, allowing professionals to visualize how ink interacts with various paper stocks before physical printing occurs.\n\nThe visual identity is unapologetically minimalist and sophisticated, utilizing a high-contrast monochrome palette. The design leans heavily into bold, oversized typography and atmospheric, grayscale photography, creating an editorial aesthetic that resonates with high-end graphic design professionals. It eschews unnecessary clutter in favor of a direct, functional, and premium digital presence.","SaaS & Software",[26,228,30],[531,532],"Bonsma & Reist","Roger Burkhard",[270],[242,243,535,244],"Stripe",[537,538,540,541],{"score":181,"category":71},{"score":539,"category":74},80,{"score":75,"category":77},{"score":75,"category":80},[543,544,545,546],{"score":189,"category":71},{"score":139,"category":74},{"score":75,"category":77},{"score":75,"category":80},[90,98,94],"Website: OpaqueScript. Page: Homepage. Page type: Home \u002F Landing Page. Page title: OpaqueScript. Page description: This is OpaqueScript for Adobe InDesign. A powerful tool to simulate paper opacity in print products.. Page content: This is OpaqueScript for Adobe InDesign, a powerful tool to simulate paper opacity in print products. Get it here This is OpaqueScript for Adobe InDesign, a powerful tool to simulate paper opacity in print products. Get it here OpaqueScript is a tool that digitally simulates paper opacity in your InDesign documents. In paper production, opacity refers to the non-translucent quality of paper. When using lightweight or non-opaque paper, the contents of both the preceding and the following page shine through the pages. Until now, there’s been no satisfying solution to simulate this effect on your screen before sending documents to the printer. With OpaqueScript, we’ve developed a powerful tool for Adobe InDesign that will help you simulate paper opacity in all your projects. Our script is able to improve or enhance the effects of paper transparency in extensive documents in a short period of time. You can use our script to both play with the optical effects of paper translucency and to inspect your files in post-production to make sure mistakes are minimized (e.g. register-keeping and grid accuracy). About You can install OpaqueScript directly on your computer by following the Adobe InDesign instructions for working with scripts. Once you open OpaqueScript, it will ask you to choose the document you’d like to edit. The script will then generate a new file based on your selection and apply a simulation to the preceding page that shows the following page shining through from underneath. Because the original file is used as a link while you work, you’ll be able to make changes in your layout and update your simulations whenever it’s necessary. Your original file, however, will not be processed until you finish editing, so you can be sure things don’t get lost or ruined. See how it works How to use it OpaqueScript is currently available for download as a free basic version here. In addition, we created a Pro version for paper opacity and paper colors adjustments as well as presets for the most common papers. Buy Now: 15.00 EUR OpaqueScript is a joint venture of visual communication studio Bonsma&Reist (idea, design) and developer Roger Burkhard (code). The project is supported by Berner Design Stiftung. ©2021, All rights reserved.Photo credits (in order of appearance): Ausstellung Bestform 2019. Foto: Christof Eugster; Ferdinand Demetz, Italien, Evangelist Markus mit Löwe, 1894. Foto: Chris Richter; Hans Huggler-Wyss, Sitzender Jagdhund auf Sockel, um 1909. Foto: Chris Richter; Debora Kurer, «Lass uns Suppe essen», 2015. Foto: Debora Kurer; Nathalie Heid, Wasserurne, 2014. Foto: Chris Richter. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the SaaS & Software industry. Designed by Bonsma & Reist, developed by Roger Burkhard. The overall color palette features White, Gray, Black. The typography features Neue Haas Grotesk (Sans Serif, Commercial Type). Built using jQuery, PHP, Stripe, WordPress. AI description: OpaqueScript is a specialized utility designed for Adobe InDesign users, specifically targeting print designers and production artists. The website serves as a landing page for a niche software tool that simulates paper opacity, allowing professionals to visualize how ink interacts with various paper stocks before physical printing occurs. The visual identity is unapologetically minimalist and sophisticated, utilizing a high-contrast monochrome palette. The design leans heavily into bold, oversized typography and atmospheric, grayscale photography, creating an editorial aesthetic that resonates with high-end graphic design professionals. It eschews unnecessary clutter in favor of a direct, functional, and premium digital presence.",{"id":550,"website_id":551,"page_id":550,"name":552,"slug":553,"url":554,"website_name":552,"website_slug":553,"website_url":554,"result_url":554,"fetched_at":555,"score":183,"score_boost":334,"ai_score":160,"freshness_score":336,"scored_at":556,"page_name":36,"page_url":554,"page_title":557,"page_description":558,"page_content":559,"page_sort":334,"is_home":341,"is_home_rank":342,"page_type_id":343,"page_type_name":42,"cover":560,"cover_mobile":563,"cover_sequence":565,"translations":656,"industry":659,"styles":660,"credits":663,"font_families":665,"technologies":671,"pagespeed":674,"pagespeed_mobile":680,"buckets":687,"search_payload":688},"812da76c-93db-4fcc-b623-04b07028561c","ebaae344-c91c-4ff4-bbd0-1fd16c0e5496","Read Me: Magazine","read-me-magazine","https:\u002F\u002Freadymag.com\u002Fdesigns\u002F1961938","2026-05-04T12:23:34.000Z","2026-05-23T19:24:45.000Z","Readymag templates: Read Me: Magazine","Glitzy and varied template for editorials.","Read me! 9 tips on Creating a readable web text Part 4 FONTS THAT ADDRESS SPECIAL ISSUES Part 3 EVOLUTION OF LAYOUTS AND TYPESETTINg ON THE WEB Part 2 what makes on-Screen readability special Part 1 Define and conquer 8 min read More and more text-based content is shared over the Internet, but not everything is thoroughly read. In fact, by the time this article reaches the next screen, a significant share of you will have already stopped reading. New York subway, 2019. Photo: Susan Jane Golding, CC by 2.0 studies suggest that on medium, a popular platform for long blog posts, the average read-through rate is around 40 %—that means only two out of five readers that start reading an article, will actually stick around to finish it (though some argue that there is still significant variance). Readymag Stories project read-through data revolves around the same numbers—by the end of each story, we lose over half of those who began interested. To make things worse, people almost never consume digital content word by word: instead, they rapidly scan the text. “People scan because they’re trying to absorb as much information as they need,” notes Kate Moran, a Senior User Experience Specialist at Nielsen Norman Group. To make the problem go away, it’s become almost a cliche to blame the reader. According to this view, the public, addicted to everything new and shiny, is almost eager to be bored by text so that they can switch to the next article, video game, insta account, etc. But what if the problem is deeper, and what is posed as an ethical question is in fact a matter of pure physiology? Some studies suggest that on-screen text might be inherently more difficult to read than printed. That implies that there is no way creators can raise the bar for read-through above a certain level, pre-determined by the properties of a human eye and a human brain. Still, to increase the chances of their work being seen, great creators work hard to create good content and set it in type, as they always have. In this essay we offer some advice on how to deal with both. PART 1 contents Define and conquer Let’s start by defining readability. According to a classic paper by Edgar Dale and Jeanne Chall, readability is “…the sum total (…) of all those elements within a given piece of printed material that affect the success a group of readers have with it. The success is the extent to which they understand it, read it at an optimal speed, and find it interesting.” In other words, readability is a metric that evaluates the ease and comfort of reading a particular text. The question of how to create this kind of metric was asked long before the web emerged—as early as the 19th century. French psychologist Louis Émile Javal provided one of the first known studies of the matter in 1879 with his paper Essai sur la physiologie de la lecture (On the Physiology of Reading). Javal’s key insight was that readers’ eyes don’t move steadily across the text; they actually make short, rapid movements (saccades), mixed with longer stops (fixations). Javal also noted that sometimes, while reading, the eyes unconsciously move backwards to text the reader has already seen. His idea was that the number of stops and backwards moves might help determine readability level—however, Javal lacked precise tools for the task and the idea was dropped at that time. Two other prominent approaches came forward later, in the middle of the 20th century. One was based on the speed of perception, while another emphasized measuring overall eye fatigue. These were pioneered by two researchers, Miles Tinker and Matthew Luckiesh—whose different approaches to measuring readability even led to a certain animosity for each other (you can learn more from a paper by William Berkson). Top: 14\u002F21 Bottom: 20\u002F30 Consider the needs of your audience when selecting the type size: smaller type is harder to read for seniors, children and visually impaired people. Set in Spectral Top: 18\u002F18 Bottom: 18\u002F24 Tight line spacing reduces readability, as you can clearly see in these examples. Set in Suisse Int’l At the end of the day, Tinker’s idea of speed measurement transformed into the notion of legibility, the ease of distinguishing one letter from another as measured by perception speed. Luckiesh’s fatigue-based measurement became what is nowadays known as readability in a strict sense, the ease of reading a text as a whole—including layout, colors etc—measured using fatigue indicators like blink time. It can also be useful to distinguish the readability of a text (as a product of writing) versus the readability of text setting. The first primarily evaluates the skill of a writer, while the second has to do with design. part 2 What makes on-screen readability special Contents [ ](\u002Fdesigns\u002Freadme\u002F1\u002F) Contrast The pioneers of readability studies were obviously only dealing with printed text. However, by the end of the 1960s, computers with led screens had become relatively mainstream. Due to their inherent properties, they turned out to be more demanding on the eye. Glowing screens make the reading experience physically different from a paper that only reflects light—the higher the brightness level, the stronger the effect. “If you set the brightness up much too high, a direct focus of light will come into your retina, causing fatigue,” explains Nick Sherman, a typographic consultant and the founder of hex projects typographic company. High contrast between the type and the background ensure good readability This problem can be partially tackled by selecting proper contrast color schemes, keeping brightness levels at bay. Some great tools that measure text contrast are: Webaim color contrast checker, Luminosity contrast ratio analyser, Color contrast check, and Color contrast visualiser. Resolution The second hindrance factor is resolution—the number of dots within a given area that can be used to convey visual information. Resolution is measured in dots per inch (dpi) or pixels per inch (ppi), with these terms used interchangeably. MacBook retina displays (praised for their high resolution) have still only exceeded 200ppi, while offset printing offers 2400dpi or even higher. Most fonts that weren’t specially designed for computers tend to decline in readability when displayed on monitors. Historically, the two major it giants, Apple and Microsoft, have offered different solutions. The key feature in macos font rendering was so-called anti-aliasing—a technique used to add pixels of different color to letter fringes, making them look more smooth. Alias. Click to zoom in Anti-aliased In contrast, Windows tried to maximize legibility. They adapted the distribution of pixels within letters and words to make pixel density and letter shape optimal for reading. Microsoft used what’s now called font hinting, a set of instructions describing when to add additional pixels to each letter. This allows for improved legibility, but alters and even distorts original letterforms. Unhinted character Hinted character However, changes to how fonts are rendered have reduced the differences between these approaches. [ ](\u002Fdesigns\u002Freadme\u002F1\u002F) Evolution of layouts and typesetting on the web Part 3 The first website was published in 1990 by computer scientist Tim Berners-Lee and now it seems like an eyesore. Early web sites were basic, using vertically structured, text-heavy pages with few graphics. Before the introduction of tables as a web page structure, there were few design components and no way to emulate the layouts of conventional printed texts. In the early web there were no people well-versed in typesetting. Website layouts were fluid (did not have fixed width), so text lines came in any possible width. That was not so great: all sorts of typographic rules aimed at text legibility were smudged,” says Readymag product designer Stas Aki. The situation demanded new approaches to the creation of web layouts. The variety of screen sizes also strongly impacted web layouts and quality of typesetting. While print designers knew beforehand the paper format that will house their …",{"id":561,"height":13,"width":12,"blurhash":562},"2cd27844-cf53-48d3-8c2c-6f643c0580bc","radial-gradient(at 0 0,#ffbdb6,#00000000 50%),radial-gradient(at 33% 0,#ffdcd7,#00000000 50%),radial-gradient(at 67% 0,#ebe5e0,#00000000 50%),radial-gradient(at 100% 0,#f5ece9,#00000000 50%),radial-gradient(at 0 50%,#fffbf8,#00000000 50%),radial-gradient(at 33% 50%,#fdfaf7,#00000000 50%),radial-gradient(at 67% 50%,#e8e5e2,#00000000 50%),radial-gradient(at 100% 50%,#f0ecea,#00000000 50%),radial-gradient(at 0 100%,#f3ebeb,#00000000 50%),radial-gradient(at 33% 100%,#fbfafa,#00000000 50%),radial-gradient(at 67% 100%,#dbdbdc,#00000000 50%),radial-gradient(at 100% 100%,#dbd8d9,#00000000 50%)",{"id":564,"height":15,"width":14,"blurhash":49},"3efc691f-4419-46fe-a333-f409186b82e3",[566,569,572,575,578,581,584,587,590,593,596,599,602,605,608,611,614,617,620,623,626,629,632,635,638,641,644,647,650,653],{"directus_files_id":567},{"id":568},"b6fd3dfe-3bb3-4d65-a1f9-918b0b634fc7",{"directus_files_id":570},{"id":571},"a27dd8ab-76ce-440d-9b3a-bc512ac1853d",{"directus_files_id":573},{"id":574},"13b58551-19e3-4f1e-8590-a86311c6c3ab",{"directus_files_id":576},{"id":577},"a97bf3c1-86d9-4b1c-804b-fb159447e2ba",{"directus_files_id":579},{"id":580},"e11558be-75b1-4bd0-85c6-f60e84997432",{"directus_files_id":582},{"id":583},"f776de3e-4340-4111-ae70-449364c5ac55",{"directus_files_id":585},{"id":586},"b57c39e3-51f5-46c6-a991-50c68959838f",{"directus_files_id":588},{"id":589},"127175f3-6dd7-4408-9f99-5265891bda6b",{"directus_files_id":591},{"id":592},"46649577-5ac6-4af6-9214-4f7bb6491467",{"directus_files_id":594},{"id":595},"4bcae40d-8033-4a45-a1f3-6acb76fb1edb",{"directus_files_id":597},{"id":598},"649e5edc-c568-4f49-8e52-62a7b64f423f",{"directus_files_id":600},{"id":601},"f35548e1-efa4-489e-a4eb-d9c41ecf5e3f",{"directus_files_id":603},{"id":604},"fd5a7aa0-ddc3-4c77-b114-333866717fef",{"directus_files_id":606},{"id":607},"54339e8a-8e66-4b85-bc78-25494287f3c6",{"directus_files_id":609},{"id":610},"10286efd-9171-431f-8f91-e5fae3d58734",{"directus_files_id":612},{"id":613},"7b57ba8d-f4a6-449e-966c-011b887f0c57",{"directus_files_id":615},{"id":616},"219e2d59-e5dc-43ea-8e63-84391964d7f4",{"directus_files_id":618},{"id":619},"18049c48-d6ef-4397-9274-bd704fb92988",{"directus_files_id":621},{"id":622},"8acc811f-33ca-4d12-bb20-88131e50d14a",{"directus_files_id":624},{"id":625},"79b9726f-74f0-41e8-91ee-1a492304d9f9",{"directus_files_id":627},{"id":628},"f0eef290-f0df-4492-a16d-d107d2219d8f",{"directus_files_id":630},{"id":631},"d82bbb9c-7efa-45f9-970a-08a1e26676c4",{"directus_files_id":633},{"id":634},"17d78d20-b627-4383-a263-384c671b4c97",{"directus_files_id":636},{"id":637},"67d73b9f-dfd0-48cb-b679-86fbb59284ab",{"directus_files_id":639},{"id":640},"547847bc-6ee6-4715-afab-fbe9c1aef768",{"directus_files_id":642},{"id":643},"0297ca8b-a23c-49ac-9e05-65d48c880d28",{"directus_files_id":645},{"id":646},"065dd807-3b11-4e7e-81b6-795dd60d492c",{"directus_files_id":648},{"id":649},"08ad383c-4cc5-49ac-939b-d468f2e7ef42",{"directus_files_id":651},{"id":652},"aab13d2a-66c3-4c35-94dc-c14e803b0236",{"directus_files_id":654},{"id":655},"6a139b4e-0e4f-4b3f-aa0d-6fa06a849a12",[657],{"languages_code":424,"description":658},"Read Me: Magazine is a high-impact digital editorial template designed to challenge the conventions of web typography and layout. It serves as a playground for long-form storytelling, utilizing aggressive scale and experimental compositions to command attention in an era of rapid scrolling. The design is built for creators who want to transform text-heavy content into a visceral, immersive visual experience.\n\nThe visual identity is defined by a bold, maximalist approach that leans heavily into typographic hierarchy. Using high-contrast color palettes—vibrant oranges, deep purples, and electric blues—against stark backgrounds, the design creates a sense of urgency and modern edge. The layout breaks traditional grid structures with oversized headings and organic, overlapping shapes, making it an ideal choice for avant-garde digital publications and experimental design portfolios.","Entertainment & Media",[661,30,662],"Brutalist \u002F Neo-Brutalist","Vibrant \u002F Colorful",[664],"Pavel Kedzich",[268,280,666,667,667,668,279,669,670],"Austin","Druk","Giorgio","Freight","Trio Grotesk",[672,673],"FirstPromoter","Readymag",[675,677,678,679],{"score":676,"category":71},31,{"score":335,"category":74},{"score":78,"category":77},{"score":81,"category":80},[681,683,685,686],{"score":682,"category":71},25,{"score":684,"category":74},83,{"score":78,"category":77},{"score":81,"category":80},[90,98,94,448],"Website: Read Me: Magazine. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Readymag templates: Read Me: Magazine. Page description: Glitzy and varied template for editorials.. Page content: Read me! 9 tips on Creating a readable web text Part 4 FONTS THAT ADDRESS SPECIAL ISSUES Part 3 EVOLUTION OF LAYOUTS AND TYPESETTINg ON THE WEB Part 2 what makes on-Screen readability special Part 1 Define and conquer 8 min read More and more text-based content is shared over the Internet, but not everything is thoroughly read. In fact, by the time this article reaches the next screen, a significant share of you will have already stopped reading. New York subway, 2019. Photo: Susan Jane Golding, CC by 2.0 studies suggest that on medium, a popular platform for long blog posts, the average read-through rate is around 40 %—that means only two out of five readers that start reading an article, will actually stick around to finish it (though some argue that there is still significant variance). Readymag Stories project read-through data revolves around the same numbers—by the end of each story, we lose over half of those who began interested. To make things worse, people almost never consume digital content word by word: instead, they rapidly scan the text. “People scan because they’re trying to absorb as much information as they need,” notes Kate Moran, a Senior User Experience Specialist at Nielsen Norman Group. To make the problem go away, it’s become almost a cliche to blame the reader. According to this view, the public, addicted to everything new and shiny, is almost eager to be bored by text so that they can switch to the next article, video game, insta account, etc. But what if the problem is deeper, and what is posed as an ethical question is in fact a matter of pure physiology? Some studies suggest that on-screen text might be inherently more difficult to read than printed. That implies that there is no way creators can raise the bar for read-through above a certain level, pre-determined by the properties of a human eye and a human brain. Still, to increase the chances of their work being seen, great creators work hard to create good content and set it in type, as they always have. In this essay we offer some advice on how to deal with both. PART 1 contents Define and conquer Let’s start by defining readability. According to a classic paper by Edgar Dale and Jeanne Chall, readability is “…the sum total (…) of all those elements within a given piece of printed material that affect the success a group of readers have with it. The success is the extent to which they understand it, read it at an optimal speed, and find it interesting.” In other words, readability is a metric that evaluates the ease and comfort of reading a particular text. The question of how to create this kind of metric was asked long before the web emerged—as early as the 19th century. French psychologist Louis Émile Javal provided one of the first known studies of the matter in 1879 with his paper Essai sur la physiologie de la lecture (On the Physiology of Reading). Javal’s key insight was that readers’ eyes don’t move steadily across the text; they actually make short, rapid movements (saccades), mixed with longer stops (fixations). Javal also noted that sometimes, while reading, the eyes unconsciously move backwards to text the reader has already seen. His idea was that the number of stops and backwards moves might help determine readability level—however, Javal lacked precise tools for the task and the idea was dropped at that time. Two other prominent approaches came forward later, in the middle of the 20th century. One was based on the speed of perception, while another emphasized measuring overall eye fatigue. These were pioneered by two researchers, Miles Tinker and Matthew Luckiesh—whose different approaches to measuring readability even led to a certain animosity for each other (you can learn more from a paper by William Berkson). Top: 14\u002F21 Bottom: 20\u002F30 Consider the needs of your audience when selecting the type size: smaller type is harder to read for seniors, children and visually impaired people. Set in Spectral Top: 18\u002F18 Bottom: 18\u002F24 Tight line spacing reduces readability, as you can clearly see in these examples. Set in Suisse Int’l At the end of the day, Tinker’s idea of speed measurement transformed into the notion of legibility, the ease of distinguishing one letter from another as measured by perception speed. Luckiesh’s fatigue-based measurement became what is nowadays known as readability in a strict sense, the ease of reading a text as a whole—including layout, colors etc—measured using fatigue indicators like blink time. It can also be useful to distinguish the readability of a text (as a product of writing) versus the readability of text setting. The first primarily evaluates the skill of a writer, while the second has to do with design. part 2 What makes on-screen readability special Contents [ ](\u002Fdesigns\u002Freadme\u002F1\u002F) Contrast The pioneers of readability studies were obviously only dealing with printed text. However, by the end of the 1960s, computers with led screens had become relatively mainstream. Due to their inherent properties, they turned out to be more demanding on the eye. Glowing screens make the reading experience physically different from a paper that only reflects light—the higher the brightness level, the stronger the effect. “If you set the brightness up much too high, a direct focus of light will come into your retina, causing fatigue,” explains Nick Sherman, a typographic consultant and the founder of hex projects typographic company. High contrast between the type and the background ensure good readability This problem can be partially tackled by selecting proper contrast color schemes, keeping brightness levels at bay. Some great tools that measure text contrast are: Webaim color contrast checker, Luminosity contrast ratio analyser, Color contrast check, and Color contrast visualiser. Resolution The second hindrance factor is resolution—the number of dots within a given area that can be used to convey visual information. Resolution is measured in dots per inch (dpi) or pixels per inch (ppi), with these terms used interchangeably. MacBook retina displays (praised for their high resolution) have still only exceeded 200ppi, while offset printing offers 2400dpi or even higher. Most fonts that weren’t specially designed for computers tend to decline in readability when displayed on monitors. Historically, the two major it giants, Apple and Microsoft, have offered different solutions. The key feature in macos font rendering was so-called anti-aliasing—a technique used to add pixels of different color to letter fringes, making them look more smooth. Alias. Click to zoom in Anti-aliased In contrast, Windows tried to maximize legibility. They adapted the distribution of pixels within letters and words to make pixel density and letter shape optimal for reading. Microsoft used what’s now called font hinting, a set of instructions describing when to add additional pixels to each letter. This allows for improved legibility, but alters and even distorts original letterforms. Unhinted character Hinted character However, changes to how fonts are rendered have reduced the differences between these approaches. [ ](\u002Fdesigns\u002Freadme\u002F1\u002F) Evolution of layouts and typesetting on the web Part 3 The first website was published in 1990 by computer scientist Tim Berners-Lee and now it seems like an eyesore. Early web sites were basic, using vertically structured, text-heavy pages with few graphics. Before the introduction of tables as a web page structure, there were few design components and no way to emulate the layouts of conventional printed texts. In the early web there were no people well-versed in typesetting. Website layouts were fluid (did not have fixed width), so text lines came in any possible width. That was not so great: all sorts of typographic rules aimed at text legibility were smudged,” says Readymag product designer Stas Aki. The situation demanded new approaches to the creation of web layouts. The variety of screen sizes also strongly impacted web layouts and quality of typesetting. While print designers knew beforehand the paper format that will house their …. A Brutalist \u002F Neo-Brutalist, Typographic \u002F Big Type, Vibrant \u002F Colorful website in the Entertainment & Media industry. The overall color palette features White, Gray, Black, Red. The typography features Roboto (Sans Serif), Source Sans (Sans Serif), Austin (Serif, Commercial Type), Druk (Sans Serif, Commercial Type), Druk (Sans Serif, Commercial Type), Giorgio (Display, Commercial Type), Graphik (Sans Serif, Commercial Type), Freight (Serif), Trio Grotesk (Sans Serif, Schick Toikka). Built using FirstPromoter, Readymag. AI description: Read Me: Magazine is a high-impact digital editorial template designed to challenge the conventions of web typography and layout. It serves as a playground for long-form storytelling, utilizing aggressive scale and experimental compositions to command attention in an era of rapid scrolling. The design is built for creators who want to transform text-heavy content into a visceral, immersive visual experience. The visual identity is defined by a bold, maximalist approach that leans heavily into typographic hierarchy. Using high-contrast color palettes—vibrant oranges, deep purples, and electric blues—against stark backgrounds, the design creates a sense of urgency and modern edge. The layout breaks traditional grid structures with oversized headings and organic, overlapping shapes, making it an ideal choice for avant-garde digital publications and experimental design portfolios.",{"id":690,"website_id":691,"page_id":690,"name":692,"slug":693,"url":694,"website_name":692,"website_slug":693,"website_url":695,"result_url":694,"fetched_at":696,"score":305,"score_boost":334,"ai_score":195,"freshness_score":697,"scored_at":698,"page_name":36,"page_url":694,"page_title":699,"page_description":700,"page_content":701,"page_sort":334,"is_home":341,"is_home_rank":342,"page_type_id":343,"page_type_name":42,"cover":702,"cover_mobile":705,"cover_sequence":707,"translations":798,"industry":21,"styles":801,"credits":802,"font_families":803,"technologies":804,"pagespeed":805,"pagespeed_mobile":811,"buckets":816,"search_payload":817},"493c7fd2-388f-417f-b8a5-55e91c0424be","e95bcc29-a03e-4909-be8c-cfdcf299342f","Shift Nudge","shift-nudge","https:\u002F\u002Fshiftnudge.com\u002F","https:\u002F\u002Fshiftnudge.com","2026-05-04T15:51:30.000Z",1777909890,"2026-05-24T20:59:05.000Z","Shift Nudge - Professional Interface Design Training","Professional interface design training for working designers. A proven framework that helps you articulate design decisions, execute your taste, and finish work to the level it deserves.","Skip to main content Menu PortfolioTeamsReviewsResourcesNewsletter Apply Shift Nudge Professional interface design training for working designers. A proven framework that helps you articulate design decisions, execute your taste, and finish work to the level it deserves. ↓ Next Live Training10D 02H 11M 56S 10D 02H 11M 56S [ → Apply →→→ ](\u002Fapply) Trusted by the world's best design teams. Figma, Google, Microsoft, Pentagram, and other leading companies, plus thousands of designers worldwide rely on Shift Nudge for professional interface design training. OpenAI logo Figma logo Google logo Microsoft logo Netflix logo Pentagram logo YouTube logo Apple logo [ Christina Campbell Christina Campbell Design Operations Lead Adobe Two years ago, I had this overwhelming urge to create and define something meaningful to me, not just define myself by being an employee of a larger company. I committed to the journey, completed design boot camp and Shift Nudge, and I'm still learning daily. There's beauty in the growth process. ](https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Fchristinaecampbell_productdesign-uxdesign-appredesign-activity-7325960354457440256-aF91?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAFkrxEBLYTmK4eARy4gyY7VXtg0cchEd14) [ Brad Weaver Brad Weaver Head of Product Design Valence Matt is without a doubt one of the best minds working in Product Design. He's one of my most respected colleagues. Flat out, he knows his stuff. Recommend this to your students or anyone wanting to enter or advance in the field. ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fsbradweaver\u002F) [ Diana Gordon Diana Gordon UX Product Designer Mayo Clinic Form does not need to follow function. I'm consistently working on refining my visual design skills, something that I view as a life-long journey. I recently finished chipping away at the most comprehensive visual design course I have ever taken: Shift Nudge. Thanks Matt D. Smith for such a thoughtful and efficient way to level up UI! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fdianaglozman\u002F) [ Caden Damiano Caden Damiano Staff Product Designer BILL I spent 6 months practicing and being coached by MDS on improving my gaps in UI design. I doubled my income within a couple of years of doing Shift Nudge. Turns out a strong command of visual communication and UI is a valuable skillset in the industry. ](https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Fcaden-damiano_i-used-to-think-that-i-needed-to-be-my-own-activity-6968946864289173504-wCFg) [ Farah Lababidi Farah Lababidi UX Designer Amoux I made a decision to sharpen my craft by going back to the fundamentals with Shift Nudge. These aren't just lessons to check off, they're habits I'm already carrying into real projects. With stronger fundamentals, I design faster, more confidently, and with fewer revisions. Typography, hierarchy, process hygiene. They make the difference between 'good enough' and professional. ](https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Ffarah-lababidi_uidesign-shiftnudge-typography-activity-7373362481081102336-yzMO?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAFkrxEBLYTmK4eARy4gyY7VXtg0cchEd14) [ Joel Hooks Joel Hooks Head of Education Vercel I'm a bit of an online course sommelier & collector, and this is not only the best visual design course I've been exposed to, but also structurally and from an instructional design perspective it is world class. ](https:\u002F\u002Ftwitter.com\u002Fjhooks\u002Fstatus\u002F1375997285549531137) [ Femke van Schoonhoven Femke van Schoonhoven Design Lead Gusto Seriously the best course I can recommend for those wanting to get into UX Design. Shift Nudge is a game-changer for aspiring designers. ](https:\u002F\u002Ftwitter.com\u002Ffemkesvs\u002Fstatus\u002F1303809638899634178) [ Mike Gonzalez Mike Gonzalez Design Engineer vidIQ Just met MDS at Config! Shift Nudge leveled up my craft and equipped me with the confidence to land my first product design role. I appreciate you, Matt! ](https:\u002F\u002Ftwitter.com\u002Fmikeagonz\u002Fstatus\u002F1671967730440998913) [ → More reviews →→→ ](\u002Freviews) Shift Nudge is for working designers who can complete projects but struggle with visual craft execution. Whether you're self-taught without formal foundations, or experienced but never learned a systematic approach, this framework turns uncertainty into confident decisions. In the new world of AI, this is even more important. When anyone can generate a layout, the designers who advance are those with refined judgment about what makes it work. Strong craft isn't optional anymore. It's the differentiator that comes from a clear system for design decisions. - Turn scattered knowledge into a systematic process - Understand the WHY behind every design decision - Apply learnings immediately to day-to-day work - Build confidence through repeatable frameworks Framework A proven system for confident design. This methodology underlies professional interface design and is used by working designers at leading companies. Foundation Strategic approaches to typography, layout, and color that eliminate guesswork. Advanced Application Style, elements, and tactics for enterprise systems and workflows. Professional Development Ongoing mentorship through workshops, critique, and a community advancing together. 8+ Weeks 5+ Hours\u002Fweek 8 Modules 1 Year of critiques [ → View schedule →→→ ](\u002Fschedules\u002F8) Method A clear, step-by-step process that removes guesswork from design decisions. Access the complete methodology and foundational principles that apply across any platform, tool, or challenge. Apply the system through self-paced study and live mentorship. Advance your skills in 8+ weeks and continue with feedback and professional support for a full year. [ Abeer Qamer Abeer Qamer Product Designer Independent I just discovered Shift Nudge and fell in love with it. The course structure is really amazing! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fabeerqamer\u002F) [ Adam Waxman Adam Waxman Staff Product Manager SeatGeek The content and production quality of this course is next level. HIGHLY recommend for anyone looking to level up their interface design skills. ](https:\u002F\u002Ftwitter.com\u002Fajwaxman\u002Fstatus\u002F1748058756628226504) [ Ahmad Galal Ahmad Galal Director of Experience Independent Hands down the best interface design course out there! Can't recommend this course enough. ](https:\u002F\u002Ftwitter.com\u002FAhmadGalal\u002Fstatus\u002F1297985732636807168) [ Akanksha Gupta Akanksha Gupta Sr. Content Designer Freelance Shift Nudge was an excellent reset on the fundamentals. It forced me to slow down and figure out why certain layouts feel balanced, why some typography choices make content easier to scan, and how spacing alone can change how information is understood. ](https:\u002F\u002Fwww.linkedin.com\u002Ffeed\u002Fupdate\u002Furn:li:activity:7434209984873185280\u002F) [ Akee Kazi Akee Kazi Product Designer Webflow I 100% recommend Shift Nudge! I'm a self-taught designer and it's helped me improve my design process so much. Plus the critique vault for all the homework is a great way to check your work. ](https:\u002F\u002Fx.com\u002Fakeekazi\u002Fstatus\u002F1410267825390952452) [ Amit Singh Amit Singh Staff Content Designer Intuit To truly own the user experience, content designers need to speak the language of pixels and interaction just as fluently as we speak information hierarchy and content strategy. Shift Nudge gave me that. ](https:\u002F\u002Fwww.linkedin.com\u002Ffeed\u002Fupdate\u002Furn:li:ugcPost:7434149133340565504\u002F) [ Anipier Bérubé Anipier Bérubé Product Owner Folks Just wanted to tell you how happy I am that I found your class. It's short, clean, clear, and organized. Thank you so much! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fanipier-b%C3%A9rub%C3%A9-4523b538\u002F) [ Arjen Harris Arjen Harris Product Leader Independent Just wanted to say I really appreciate the elaborate feedback on the homework man, really makes the course shine! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Farjenharris\u002F) Founder Matt D. Smith (@mds) Design and AI. Twenty years leading projects for startups and global brands. Creator of the Float Label pattern, adopted by Apple and Google. Founder of Shift Nudge, training designers to lead with clarity and craft. [ → Profile →→→ ](\u002Fmds) Apply Professional development that leads to career advancement and leadership positions. Members have landed dream roles, increased their salaries, and advanced to Senior Designers, Design Leads, and Heads of Design at leading tech companies and startups. \\*Individual results may vary. - Proven framework for confident design decisions - Complete design training across 8 modules - Go at your own pace with schedule options - Community of 4K+ designers from companies like Figma, Google, Netflix, Canva, Pentagram, Dropbox - Critique vault with 1K+ design reviews - Bi-weekly live workshops with MDS for 12 months [ → Apply →→→ ](\u002Fapply) FAQS +How does the critique and feedback process work? Submit your work and attend regularly scheduled group live calls for feedback and critique. Members are encouraged to participate in reviewing each other's work as well. Additional feedback is delivered in the community via recorded video. All calls are recorded so you can participate on your schedule. +How is this different from other design education? Shift Nudge focuses on proven frameworks rather than scattered tutorials. You'll learn the underlying principles that enable confident decision-making across any project, not just how to follow steps. +How much time does this require each week? The training is designed for 5 hours per week over 8 weeks. This includes video lessons, practice exercises, and community participation. The pace is flexible so you can work ahead or take more time as needed. +Will this help me build a stronger portfolio? Yes. Every lesson includes a design exercise. Later exercises chain together into complete interface projects. These are portfolio-worthy projects that can demonstrate methodical thinking and craft. +What level of design experience do I need? Familiarity with a design tool is the only requirement. Working designers at any stage benefit from this training. Whether building foundations early in your career, refining your approach mid-level, or strengthening visual execution as a senior designer, the framework applies. +Can I get an invoice with company details? Yes. Whether you need an invoice before purchase, for company approval, or a receipt after purchase, for expense reporting, we can provide documentation with your company information. +How much does Shift Nudge cost? Membership is $1997\u002Fyr USD, billed annually. Contact us for alternative payment arrangements. [ → More FAQs →→→ ](\u002Ffaq) [ ![A …",{"id":703,"height":13,"width":12,"blurhash":704},"1b07505f-ac43-415f-8eb9-90b307dd2a35","radial-gradient(at 0 0,#262625,#00000000 50%),radial-gradient(at 33% 0,#1a1919,#00000000 50%),radial-gradient(at 67% 0,#282727,#00000000 50%),radial-gradient(at 100% 0,#313031,#00000000 50%),radial-gradient(at 0 50%,#090707,#00000000 50%),radial-gradient(at 33% 50%,#070405,#00000000 50%),radial-gradient(at 67% 50%,#0d090b,#00000000 50%),radial-gradient(at 100% 50%,#0f0b0d,#00000000 50%),radial-gradient(at 0 100%,#1d1b1c,#00000000 50%),radial-gradient(at 33% 100%,#120e10,#00000000 50%),radial-gradient(at 67% 100%,#161415,#00000000 50%),radial-gradient(at 100% 100%,#1c1b1b,#00000000 50%)",{"id":706,"height":15,"width":14,"blurhash":49},"8c80eb63-6b94-41c4-929e-4097d99efd84",[708,711,714,717,720,723,726,729,732,735,738,741,744,747,750,753,756,759,762,765,768,771,774,777,780,783,786,789,792,795],{"directus_files_id":709},{"id":710},"52b82b78-a4c7-4b76-81fb-48849c8d8c8b",{"directus_files_id":712},{"id":713},"ed3f0dc8-b9d9-4237-856f-441be101d16e",{"directus_files_id":715},{"id":716},"75e94c38-b923-43a2-ab50-04ce2da57128",{"directus_files_id":718},{"id":719},"2b8b6fdb-fa18-44eb-b770-1b8e82e873ee",{"directus_files_id":721},{"id":722},"3ec0d7bc-001b-4ba3-b33d-2b7443c31185",{"directus_files_id":724},{"id":725},"ac405544-fd92-46c2-86c3-99109c8e0ae6",{"directus_files_id":727},{"id":728},"bb8592f5-3825-4f73-ad41-b2e97c714a11",{"directus_files_id":730},{"id":731},"384da9ff-7ba2-4a80-8c4d-26fa380eb320",{"directus_files_id":733},{"id":734},"6de031dd-193d-4607-94ab-6d3e1900890f",{"directus_files_id":736},{"id":737},"b88b9bc3-834b-4b86-9291-0696e975d319",{"directus_files_id":739},{"id":740},"1926742e-f679-47e3-8f8e-01ef89dd5dce",{"directus_files_id":742},{"id":743},"08d24769-fe24-4672-a273-09101defb724",{"directus_files_id":745},{"id":746},"bb686c58-6882-42f3-9178-7c2946c62d86",{"directus_files_id":748},{"id":749},"cc7ce8d5-2387-4f60-a12b-90de1ce801a9",{"directus_files_id":751},{"id":752},"9f40e16f-2705-49b0-b2d8-deb47d54d589",{"directus_files_id":754},{"id":755},"e1ec4a51-d81d-421d-a946-2da308d4c6a7",{"directus_files_id":757},{"id":758},"49d70787-08f0-40f5-96c1-3c50cdcd7e2b",{"directus_files_id":760},{"id":761},"d93e0a7f-7ff6-441b-b9da-23589e410595",{"directus_files_id":763},{"id":764},"af829a33-5928-4725-888b-838d0cc5c146",{"directus_files_id":766},{"id":767},"a496cbed-a7b9-46d7-8524-eff70701cfe3",{"directus_files_id":769},{"id":770},"c3aeba4b-8f16-4355-8ea0-92eb194af09c",{"directus_files_id":772},{"id":773},"e410152c-5b66-4d68-a225-764bebee36b0",{"directus_files_id":775},{"id":776},"b87a4194-edbb-4097-9bf9-1cb693790f9c",{"directus_files_id":778},{"id":779},"23d6cc03-e969-4657-9411-eb1d5445e7ce",{"directus_files_id":781},{"id":782},"565d4f42-4828-41cf-bdc7-25ede0f8b0df",{"directus_files_id":784},{"id":785},"3f09e95d-8528-4a4e-96d8-840450a7de72",{"directus_files_id":787},{"id":788},"05b268ea-59ba-4831-9bd7-bb15ea1ffea3",{"directus_files_id":790},{"id":791},"5e846108-4258-43e4-8df0-a878f602d0d9",{"directus_files_id":793},{"id":794},"96dba650-b655-4a00-8789-90d5e47ed05a",{"directus_files_id":796},{"id":797},"101d1eba-5ba1-45a2-9aab-ac507e35fcd8",[799],{"languages_code":424,"description":800},"Shift Nudge is a premium educational platform dedicated to elevating the craft of professional interface designers. Through a structured framework and mentorship, the site offers working designers the tools to move beyond guesswork, helping them articulate design decisions and execute high-level visual craft with precision.\n\nThe visual identity is sophisticated and high-impact, utilizing a striking dark mode aesthetic paired with bold, oversized typography. The design language is minimalist yet authoritative, employing a monochromatic base with strategic pops of vibrant pink to guide user attention. The use of geometric abstractions and a clean, structured layout communicates a sense of modern professionalism and technical mastery, perfectly resonating with an audience of ambitious design professionals.",[26,228,30],[],[284],[249,245,246,67],[806,807,809,810],{"score":75,"category":71},{"score":808,"category":74},99,{"score":75,"category":77},{"score":75,"category":80},[812,813,814,815],{"score":81,"category":71},{"score":808,"category":74},{"score":75,"category":77},{"score":75,"category":80},[94,90,98,448],"Website: Shift Nudge. Page: Homepage. Page type: Home \u002F Landing Page. Page title: Shift Nudge - Professional Interface Design Training. Page description: Professional interface design training for working designers. A proven framework that helps you articulate design decisions, execute your taste, and finish work to the level it deserves.. Page content: Skip to main content Menu PortfolioTeamsReviewsResourcesNewsletter Apply Shift Nudge Professional interface design training for working designers. A proven framework that helps you articulate design decisions, execute your taste, and finish work to the level it deserves. ↓ Next Live Training10D 02H 11M 56S 10D 02H 11M 56S [ → Apply →→→ ](\u002Fapply) Trusted by the world's best design teams. Figma, Google, Microsoft, Pentagram, and other leading companies, plus thousands of designers worldwide rely on Shift Nudge for professional interface design training. OpenAI logo Figma logo Google logo Microsoft logo Netflix logo Pentagram logo YouTube logo Apple logo [ Christina Campbell Christina Campbell Design Operations Lead Adobe Two years ago, I had this overwhelming urge to create and define something meaningful to me, not just define myself by being an employee of a larger company. I committed to the journey, completed design boot camp and Shift Nudge, and I'm still learning daily. There's beauty in the growth process. ](https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Fchristinaecampbell_productdesign-uxdesign-appredesign-activity-7325960354457440256-aF91?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAFkrxEBLYTmK4eARy4gyY7VXtg0cchEd14) [ Brad Weaver Brad Weaver Head of Product Design Valence Matt is without a doubt one of the best minds working in Product Design. He's one of my most respected colleagues. Flat out, he knows his stuff. Recommend this to your students or anyone wanting to enter or advance in the field. ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fsbradweaver\u002F) [ Diana Gordon Diana Gordon UX Product Designer Mayo Clinic Form does not need to follow function. I'm consistently working on refining my visual design skills, something that I view as a life-long journey. I recently finished chipping away at the most comprehensive visual design course I have ever taken: Shift Nudge. Thanks Matt D. Smith for such a thoughtful and efficient way to level up UI! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fdianaglozman\u002F) [ Caden Damiano Caden Damiano Staff Product Designer BILL I spent 6 months practicing and being coached by MDS on improving my gaps in UI design. I doubled my income within a couple of years of doing Shift Nudge. Turns out a strong command of visual communication and UI is a valuable skillset in the industry. ](https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Fcaden-damiano_i-used-to-think-that-i-needed-to-be-my-own-activity-6968946864289173504-wCFg) [ Farah Lababidi Farah Lababidi UX Designer Amoux I made a decision to sharpen my craft by going back to the fundamentals with Shift Nudge. These aren't just lessons to check off, they're habits I'm already carrying into real projects. With stronger fundamentals, I design faster, more confidently, and with fewer revisions. Typography, hierarchy, process hygiene. They make the difference between 'good enough' and professional. ](https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Ffarah-lababidi_uidesign-shiftnudge-typography-activity-7373362481081102336-yzMO?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAFkrxEBLYTmK4eARy4gyY7VXtg0cchEd14) [ Joel Hooks Joel Hooks Head of Education Vercel I'm a bit of an online course sommelier & collector, and this is not only the best visual design course I've been exposed to, but also structurally and from an instructional design perspective it is world class. ](https:\u002F\u002Ftwitter.com\u002Fjhooks\u002Fstatus\u002F1375997285549531137) [ Femke van Schoonhoven Femke van Schoonhoven Design Lead Gusto Seriously the best course I can recommend for those wanting to get into UX Design. Shift Nudge is a game-changer for aspiring designers. ](https:\u002F\u002Ftwitter.com\u002Ffemkesvs\u002Fstatus\u002F1303809638899634178) [ Mike Gonzalez Mike Gonzalez Design Engineer vidIQ Just met MDS at Config! Shift Nudge leveled up my craft and equipped me with the confidence to land my first product design role. I appreciate you, Matt! ](https:\u002F\u002Ftwitter.com\u002Fmikeagonz\u002Fstatus\u002F1671967730440998913) [ → More reviews →→→ ](\u002Freviews) Shift Nudge is for working designers who can complete projects but struggle with visual craft execution. Whether you're self-taught without formal foundations, or experienced but never learned a systematic approach, this framework turns uncertainty into confident decisions. In the new world of AI, this is even more important. When anyone can generate a layout, the designers who advance are those with refined judgment about what makes it work. Strong craft isn't optional anymore. It's the differentiator that comes from a clear system for design decisions. - Turn scattered knowledge into a systematic process - Understand the WHY behind every design decision - Apply learnings immediately to day-to-day work - Build confidence through repeatable frameworks Framework A proven system for confident design. This methodology underlies professional interface design and is used by working designers at leading companies. Foundation Strategic approaches to typography, layout, and color that eliminate guesswork. Advanced Application Style, elements, and tactics for enterprise systems and workflows. Professional Development Ongoing mentorship through workshops, critique, and a community advancing together. 8+ Weeks 5+ Hours\u002Fweek 8 Modules 1 Year of critiques [ → View schedule →→→ ](\u002Fschedules\u002F8) Method A clear, step-by-step process that removes guesswork from design decisions. Access the complete methodology and foundational principles that apply across any platform, tool, or challenge. Apply the system through self-paced study and live mentorship. Advance your skills in 8+ weeks and continue with feedback and professional support for a full year. [ Abeer Qamer Abeer Qamer Product Designer Independent I just discovered Shift Nudge and fell in love with it. The course structure is really amazing! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fabeerqamer\u002F) [ Adam Waxman Adam Waxman Staff Product Manager SeatGeek The content and production quality of this course is next level. HIGHLY recommend for anyone looking to level up their interface design skills. ](https:\u002F\u002Ftwitter.com\u002Fajwaxman\u002Fstatus\u002F1748058756628226504) [ Ahmad Galal Ahmad Galal Director of Experience Independent Hands down the best interface design course out there! Can't recommend this course enough. ](https:\u002F\u002Ftwitter.com\u002FAhmadGalal\u002Fstatus\u002F1297985732636807168) [ Akanksha Gupta Akanksha Gupta Sr. Content Designer Freelance Shift Nudge was an excellent reset on the fundamentals. It forced me to slow down and figure out why certain layouts feel balanced, why some typography choices make content easier to scan, and how spacing alone can change how information is understood. ](https:\u002F\u002Fwww.linkedin.com\u002Ffeed\u002Fupdate\u002Furn:li:activity:7434209984873185280\u002F) [ Akee Kazi Akee Kazi Product Designer Webflow I 100% recommend Shift Nudge! I'm a self-taught designer and it's helped me improve my design process so much. Plus the critique vault for all the homework is a great way to check your work. ](https:\u002F\u002Fx.com\u002Fakeekazi\u002Fstatus\u002F1410267825390952452) [ Amit Singh Amit Singh Staff Content Designer Intuit To truly own the user experience, content designers need to speak the language of pixels and interaction just as fluently as we speak information hierarchy and content strategy. Shift Nudge gave me that. ](https:\u002F\u002Fwww.linkedin.com\u002Ffeed\u002Fupdate\u002Furn:li:ugcPost:7434149133340565504\u002F) [ Anipier Bérubé Anipier Bérubé Product Owner Folks Just wanted to tell you how happy I am that I found your class. It's short, clean, clear, and organized. Thank you so much! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fanipier-b%C3%A9rub%C3%A9-4523b538\u002F) [ Arjen Harris Arjen Harris Product Leader Independent Just wanted to say I really appreciate the elaborate feedback on the homework man, really makes the course shine! ](https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Farjenharris\u002F) Founder Matt D. Smith (@mds) Design and AI. Twenty years leading projects for startups and global brands. Creator of the Float Label pattern, adopted by Apple and Google. Founder of Shift Nudge, training designers to lead with clarity and craft. [ → Profile →→→ ](\u002Fmds) Apply Professional development that leads to career advancement and leadership positions. Members have landed dream roles, increased their salaries, and advanced to Senior Designers, Design Leads, and Heads of Design at leading tech companies and startups. \\*Individual results may vary. - Proven framework for confident design decisions - Complete design training across 8 modules - Go at your own pace with schedule options - Community of 4K+ designers from companies like Figma, Google, Netflix, Canva, Pentagram, Dropbox - Critique vault with 1K+ design reviews - Bi-weekly live workshops with MDS for 12 months [ → Apply →→→ ](\u002Fapply) FAQS +How does the critique and feedback process work? Submit your work and attend regularly scheduled group live calls for feedback and critique. Members are encouraged to participate in reviewing each other's work as well. Additional feedback is delivered in the community via recorded video. All calls are recorded so you can participate on your schedule. +How is this different from other design education? Shift Nudge focuses on proven frameworks rather than scattered tutorials. You'll learn the underlying principles that enable confident decision-making across any project, not just how to follow steps. +How much time does this require each week? The training is designed for 5 hours per week over 8 weeks. This includes video lessons, practice exercises, and community participation. The pace is flexible so you can work ahead or take more time as needed. +Will this help me build a stronger portfolio? Yes. Every lesson includes a design exercise. Later exercises chain together into complete interface projects. These are portfolio-worthy projects that can demonstrate methodical thinking and craft. +What level of design experience do I need? Familiarity with a design tool is the only requirement. Working designers at any stage benefit from this training. Whether building foundations early in your career, refining your approach mid-level, or strengthening visual execution as a senior designer, the framework applies. +Can I get an invoice with company details? Yes. Whether you need an invoice before purchase, for company approval, or a receipt after purchase, for expense reporting, we can provide documentation with your company information. +How much does Shift Nudge cost? Membership is $1997\u002Fyr USD, billed annually. Contact us for alternative payment arrangements. [ → More FAQs →→→ ](\u002Ffaq) [ ![A …. A Clean \u002F Minimalist, Dark Mode, Typographic \u002F Big Type website in the Education & Courses industry. The overall color palette features Black, White, Gray, Red. The typography features Söhne (Sans Serif, Klim Type). Built using Next.js, Node.js, React, Vercel. AI description: Shift Nudge is a premium educational platform dedicated to elevating the craft of professional interface designers. Through a structured framework and mentorship, the site offers working designers the tools to move beyond guesswork, helping them articulate design decisions and execute high-level visual craft with precision. The visual identity is sophisticated and high-impact, utilizing a striking dark mode aesthetic paired with bold, oversized typography. The design language is minimalist yet authoritative, employing a monochromatic base with strategic pops of vibrant pink to guide user attention. The use of geometric abstractions and a clean, structured layout communicates a sense of modern professionalism and technical mastery, perfectly resonating with an audience of ambitious design professionals."]