Skip to content

We use analytics cookies to see how the site is used. They are only set if you accept. Accepting also turns on session recording (pages viewed, clicks and scrolls) so we can fix problems; what you type stays hidden. Read the privacy policy

Editorial

Launch & Discovery Guides

Practical guides on launching products, getting discovered, and reaching the right audience - written for founders and developers.

RSS Feed
LatestWeb Design

Font Size, Line Height and Line Length: How to Make Website Text Easy to Read

Body text at 16px or larger, a line height of about 1.5, lines of 45 to 75 characters and a contrast of at least 4.5:1, set in rem so the reader can still enlarge it. Where each number comes from, what design systems use, the CSS, and a ten-minute test for your own pages.

SitePatent Editorial Team

October 25, 20268 min read

More Articles

6 total
Web Design8 min read

JPEG, PNG, WebP, AVIF or SVG: The Right File Type for Each Picture on Your Site

Photos go out as AVIF or WebP with a JPEG fallback, screenshots as lossless WebP or PNG, logos and icons as SVG, and animations as video instead of GIF. What each format can do, how much smaller the new ones are, what the web uses today, the picture element that serves them, and a check before every upload.

SitePatent|Oct 24
Site Quality8 min read

Your 404 Page: The Status Code It Must Send, and What to Put On It

A good "page not found" page does two jobs: it sends HTTP status 404 (or 410) so search engines drop the dead URL, and it shows visitors a way back into your site. What to put on the page, which code to send in each case, the settings to check in Apache, Nginx, Next.js, WordPress, Netlify and Cloudflare Pages, and a 6-point test.

SitePatent|Oct 23
Web Design7 min read

Favicon Sizes: The 3 Files Every Website Needs, and the 3 an App Adds

Which favicon files to make, at which pixel sizes, and the exact HTML that loads them: a 32 x 32 ICO, an SVG and a 180 x 180 Apple touch icon for every site, three manifest PNGs if people can install it, and what Google needs to show the icon in search results.

SitePatent|Oct 16
Site Quality7 min read

Why Your Shared Link Looks Broken: Open Graph Tags That Fix Link Previews

When someone shares your page in Facebook, LinkedIn, Slack or iMessage, a few lines in your HTML decide whether they see a picture and a title or a bare grey link. Which tags each app reads, the image size that works in all of them, and how to refresh a stale preview.

SitePatent|Oct 15
Site Quality8 min read

The 6 Website Accessibility Errors Behind 96% of Detected Errors, and How to Fix Each

WebAIM tested one million home pages in 2026 and found 95.9% with detected WCAG failures. Six errors make up 96% of what was detected, and each has a small, concrete fix.

SitePatent|Oct 14