Web Design: UI, UX, colour, type & branding

Free generators and in-depth articles — UI, UX research, typography, colour, icons, design systems, motion, branding, AI for design and the creator business.

Web Design articles

UI Design

Search Bar and Filter UI Design for Catalogs

Create search and filter interfaces with clear scope, predictable application rules, useful result feedback and responsive layouts for catalogs and dashboards.

Inside this article

Establish scope and the primary layout
Separate finding, narrowing and ordering
Choose when changes become results
Make the active state visible and reversible

Maya LindqvistRead the article

UI Design

Tabs vs Segmented Control: When to Use Each

Separate content navigation from value selection, then design tabs and segmented controls with clear labels, selected states, responsive layouts, and keyboard behavior.

Theo Okafor

AI for Design & UX

AI-Generated Images on Websites: Commercial Use and Sizing

Plan AI website imagery around real layouts, responsive delivery and documented usage rights. Build a review process that catches visual defects, heavy files and misleading content.

Piotr Kowalski

AI for Design & UX

Generate Icons With AI and Keep a Consistent Set

Build coherent AI-assisted icon and illustration families with explicit style rules, optical corrections, accessible colour choices and production-ready asset checks.

Piotr Kowalski

AI for Design & UX

Chatbot UI Design: Chat Interface Patterns That Work

Design AI chat workspaces with clear context, readable responses, inspectable evidence and recovery controls that help users finish real tasks safely.

Inside this article

Choose conversation only where it helps
Make the composer explain the contract
Treat response generation as a stateful process
Make evidence and actions inspectable

Maya LindqvistRead the article

Branding & Business

Automate Social Media Posting for Tech Articles

Build a repeatable social promotion workflow with validated previews, channel-specific copy, reliable scheduling, and measurements tied to useful visits.

Arjun Raman

AI for Design & UX

Figma AI Review: Which Features Help and What to Skip

Assess Figma AI by the work it removes, not the screens it generates. Build a review workflow for editable layouts, realistic content, accessibility and safe team adoption.

Piotr Kowalski

AI for Design & UX

AI Design Ethics: Originality and Copyright for Designers

Build a practical rights and ethics review for AI-assisted design. Separate permissions, originality, provenance and disclosure before delivering assets to clients.

Piotr Kowalski

Design Systems

Design System Adoption: How to Measure It Properly

Measure design system adoption with defined denominators, migration evidence, support trends, and balanced outcome signals rather than misleading download totals.

Inside this article

Choose the decisions measurement should support
Define adoption with a meaningful denominator
Collect evidence without overstating precision
Pair usage with quality and delivery signals

Maya LindqvistRead the article

UX & Research

Diary Study in UX: How to Run One for Real Behavior

Plan a practical diary study, collect reliable evidence, and turn findings into focused product improvements while keeping assumptions and research limits visible.

Theo Okafor

AI for Design & UX

AI User Interview Analysis Without Losing Nuance

Use AI to organise interview evidence without outsourcing interpretation. Preserve source references, challenge tidy themes and build findings that remain traceable to participant behaviour.

Maya Lindqvist

Branding & Business

Landing Page Copywriting Formulas That Convert

Turn audience research into a focused landing page using practical copy formulas, credible proof, clear calls to action, and a measurable testing plan.

Arjun Raman

Jump to a web design topic