#design

Imperial Colors Manifesto

Humorous manifesto advocating for named HTML colors (CornSilk, Navy, etc.) over hex codes as rebellion against machine-centric design. Hand-crafted satirical essay with color reference component.

Metapatterns

A human-curated compendium of software architectural patterns organized into a hierarchical pattern language. Hand-illustrated reference site showcasing hundreds of patterns grouped into ~20 metaclasses. Online version of author's book with clean, intuitive NoUML diagrams.

Annual Report Archive

Searchable gallery of 3,000+ vintage corporate annual report covers (1945–1991), organized by decade, industry, color, and visual elements. A thoughtfully curated archive celebrating mid-century graphic design and corporate aesthetic history.

Decker — Interactive Document Platform

A multimedia platform for creating and sharing interactive documents inspired by HyperCard, featuring a retro 1-bit ditherpunk aesthetic. Create e-zines, games, presentations, pixel art, and interactive experiences in the browser or on desktop (Mac/Windows/Linux). Includes a novel scripting language (Lil) and outputs as standalone shareable HTML.

Jim Nielsen's Blog

Personal blog exploring web design, aesthetics, and the indie web. Thoughtful longform essays on design patterns, AI aesthetics, web standards, and digital creativity.

The Listening Museum

Interactive curatorial experience of 36 mechanical keyboards and their sounds, from vintage IBM Model M (1985) to modern Topre and thocky customs. Click keyboards to explore anatomy and history, type on your own keyboard to hear each sound simulated in real-time. Thoughtfully curated from open-source community recordings with explicit methodology acknowledging limitations.

What Colors Are We? Constructing A Color Space For Skin Tones

Interactive color picker and procedural generation tool for creating diverse, inclusive skin tones. Built as a custom color space with JavaScript-based picker and Python algorithm to help digital artists and game developers represent human diversity authentically.

RecipeTables

A handcrafted web tool that converts recipes into an innovative prep-table format (ingredients as rows, steps as merged columns), making recipes readable at a glance. Built by Juan Buis with daily improvements. Supports URL/text/image upload, library browsing, scaling, exporting, and sharing.

clipart.studio — magazine collage maker

A delightful digital collage tool. Pick magazines from the Internet Archive, clip pieces you want, arrange them on the page, download or submit to the public gallery. Thoughtfully designed interface with keyboard shortcuts, undo/redo, and playful aesthetics.

NameThatUI

Visual dictionary for UI elements. Describe what you see ("the pale pill behind the menu bar", "the dots you drag") and get the proper name, API symbol, and coding prompt. Hand-curated reference organized by platform (macOS, Web) with trending/newest tags.

Sci-Fi Interfaces

Celebrating interface design in science fiction films. Features The Fritzes awards for best believable and narrative interfaces, in-depth analysis of UI/UX in movies, and lessons for real-world interaction design. Created by Christopher Noessel, author of Make It So. Stop watching sci-fi. Start using it.

I Love Typography

Typography and font design blog. In-depth articles, interviews, and showcases of type design and lettering.

Colossal

Art, design, and visual culture blog featuring contemporary artists and creative work. High-quality curation since 2010.

Niki Tonsky

Opinionated writing on UI/UX design and software quality. Creator of FiraCode font. Famous for critiquing modern software bloat.

Nielsen Norman Group

UX research and usability articles. The authority on user experience since 1998.

Awesome Tailwind CSS

Curated list of Tailwind CSS resources. Plugins, tools, UI kits, and templates.

Scattered Thoughts

Jamie Brandon on programming languages, databases, and software design.

Practical Typography

Matthew Butterick's guide to typography. Free online book covering everything from font choice to page layout.

Kern Type

A kerning game. Drag letters to achieve perfect spacing. Fun way to train your typographic eye.

Awesome Design

Curated design resources. Tools, inspiration, typography, colors, and more for designers.

Design Resources for Developers

Curated list of design and UI resources. Stock photos, icons, fonts, colors, and templates.

Behance

Adobe's creative portfolio platform. Design, illustration, and photography.

Dribbble

Design inspiration and community. UI/UX, illustration, and branding.

Font Awesome

Icon library and toolkit. Thousands of icons for web projects.

The Noun Project

Icons for everything. Millions of icons from global creators.

Flaticon

Free vector icons database. Millions of icons in multiple formats.

Color Hunt

Curated color palettes for designers. Fresh palettes daily.

CSS Gradient

CSS gradient generator. Create beautiful gradients with code.

Information is Beautiful

Award-winning data visualization. Complex information made accessible through beautiful graphics.

Visual Design Rules

Collection of visual design rules you can safely follow. Practical tips for making things look better.

Interconnected

Matt Webb's blog on technology, design, and ideas. Exploring the edges of what's possible.

Manuel Moreale

Writing about the web, design, and life. Champion of the personal web and RSS.

Picular

Google but for colors. Type a word and get a palette based on image search results.

Coolors

Fast color scheme generator. Press spacebar to generate, lock colors you like, export anywhere.

Information is Beautiful

Award-winning data visualizations on everything from science to pop culture.

Brutalist Websites

A showcase of websites that embrace raw, unpolished design. Against the homogenization of web aesthetics.