Design resources
Build the judgment behind better design decisions.
Practical guides for critique, portfolios, visual craft, career decisions, and the tools changing how designers work.
Start here
Start with the question you have.
Four useful entry points into critique, typography, portfolio proof, and the changing design workflow.
Critique
What Is a Design Critique? A Practical Guide
Learn what a design critique is, how it differs from a review, how to run one, and how to turn observations into useful next steps.
Design fundamentals
Best Font Pairings for Designer Portfolios (2026)
20 curated Google Font pairings organized by portfolio vibe — minimal, bold, playful, editorial, technical. With CSS code for each.
Portfolio practice
How to Write a UX Case Study Without Product Metrics
Build a credible outcome section with qualitative evidence, usability findings, delivery signals, and honest limits when business metrics are unavailable.
Career
Browser Fluency for Designers: Inspect and Test Real UI
A practical browser practice for designers: inspect structure, layout, states, accessibility, and delivery before calling a real interface finished.
The library
More resources
73 results
Tools & workflow
Does Your AI-Built App Look Vibe-Coded?
An evidence-bounded screen check for questioning generic AI UI defaults, finding the decision that matters most, and choosing what to test next.
Career
Website, PDF, or Deck? Build a Hiring-Ready Portfolio Packet
What to send at each stage of the design hiring process: portfolio website, recruiter brief, case study, and interview deck.
Design fundamentals
Best AI Tools for Designers in 2026: Choose by Workflow
Compare visual prototyping, Figma context, coding agents, app builders, and creative-production tools by where the work needs to land.
Career
Polished AI UI Is Becoming Cheap. Judgment Is Not.
AI tools can generate a convincing interface quickly. Learn how to evaluate the first draft, find the missing decisions, and show the judgment behind the work.
Design fundamentals
The New Design Handoff: Keep Context Moving
A practical guide to the decisions, states, system rules, ownership, and review loop that help design survive implementation.
Critique
Logo Critique Checklist: Review the Mark in Context
Review a logo against its brief, concept, construction, and real applications—without hiding the decision inside a generic score.
Critique
ChatGPT for Design Feedback: What It Can and Cannot Verify
Use ChatGPT for a useful design second read, know which claims need stronger evidence, and choose the right reviewer, test, or tool for the decision.
Design fundamentals
Vibe Design Is Not a Brief: Turn Feeling Into Testable Direction
Use mood and emotional direction as useful input, then translate the vibe into audience, behavior, visual signals, constraints, and evidence you can review.
Career
What Is a Design Engineer? Read the Role, Not Just the Title
Design engineer can mean product owner, web and brand builder, systems specialist, or code prototyper. Learn how to read the role, build the right skills, and prove your fit.
Design fundamentals
Designers Shipping Code: A Safer Design-to-Production Workflow
Use AI coding tools, Figma context, pull requests, and visual QA without confusing generated code with finished product work.
Portfolio practice
Portfolio Mistakes That Hide Good Design Work
Find the friction that keeps a reader from understanding your strongest work: unclear positioning, weak project entry points, missing role context, unsupported outcomes, and broken review paths.
Tools & Workflow
CSS Typography Best Practices: A Practical Setup for 2026
Build a responsive CSS type system with bounded fluid sizes, readable spacing, resilient font loading, accessible defaults, and a copy-ready starter.
Portfolio practice
What We Actually Check in a Portfolio Critique
The five dimensions The Crit uses, how fixes get prioritized, when validation is useful, and where an automated second opinion has limits.
Career
UX Interview Questions: Prepare Evidence, Not a Script
Prepare for 30+ UX and product design interview questions with flexible answer shapes, portfolio evidence prompts, challenge guidance, and questions to ask the team.
Career
Design Resume Guide: Connect Experience to Portfolio Proof
Write a clear UX or product design resume that matches the role, names your contribution, and connects claims to portfolio evidence.
Career
How to Present Your Portfolio in an Interview
Prepare a modular portfolio presentation that follows the employer brief, shows design judgment, leaves room for questions, and survives screen-share problems.
Design fundamentals
Why Design Portfolio Feedback Is Broken (And How to Fix It)
Most design portfolios get zero useful feedback. Reddit goes unanswered, peers say 'looks good,' managers are too busy. Here's why the system is broken and how to fix it.
Critique
Design Critique Questions: 50+ Questions That Actually Improve Work
A curated bank of 50+ specific critique questions across visual design, UX, content, technical, and strategic categories. Stop asking vague questions.
Critique
Remote Design Critiques: A Practical Sync and Async Guide
Choose the right critique format, gather independent observations, focus the discussion, and record what happens next.
Portfolio practice
Design Portfolio Guide: Build a Clear Case for Your Work
Plan and audit a portfolio around role fit, project evidence, readable case studies, accessibility, and a clear way to get in touch.
Design fundamentals
Font Pairing Guide: Rules, Tools, and 20 Combinations That Work
Master font pairing with 20 proven combinations organized by vibe, pairing rules that actually work, free Google Font combos with CSS you can copy, and tools to find your perfect match.
Portfolio practice
Typography for Design Portfolios: Build a Clear Reading System
Build a portfolio type system around hierarchy, reading roles, responsive behavior, measured contrast, and real case-study content.
Career
Design Interview Red Flags: Evaluate the Process, Not One Rule
Evaluate design interview stages, take-home exercises, live challenges, scope, candidate risk, and reciprocal evidence without relying on one rigid rule.
Design fundamentals
The 3-Second Trust Test: Why Your Popups Are Killing Conversions
Users decide in 3 seconds whether to trust or dismiss your popup. The visual consistency checklist that separates high-converting modals from instant closes.
Design fundamentals
Why Complex Design Isn't Bad Design: Lessons from Clinical UX
Complex professional tools should have complexity. The question isn't whether to simplify, but whether complexity is managed well. Learn from clinical UX, trading platforms, and B2B systems.
Design fundamentals
The Real UX Skill They Don't Teach: Decision-Making Under Constraints
Design school teaches perfect processes. Real UX work is about making good decisions with bad data, tight deadlines, and competing stakeholders. Here's how to get good at it.
Design fundamentals
Why Your Vibe-Coded App Looks Like Every Other AI App (And How to Fix It)
Vibe-coding tools can make many interfaces feel familiar. Learn the design decisions that help an AI-assisted app feel specific to its product and audience.
Design fundamentals
Color Theory for Designers: A Practical Guide
Use color to create hierarchy, meaning, contrast, and accessible design through practical palette decisions and testing.
Portfolio practice
Portfolio Design Systems: A Practical Tokens & Components Guide
Build a small portfolio system with role-based tokens, repeatable components, responsive states, and enough flexibility for each project to keep its character.
Portfolio practice
GA4 for Design Portfolios: Measure What Helps
Set up enough portfolio analytics to understand arrival, project exploration, and meaningful actions without turning every visit into a score.
Portfolio practice
How to Build Your First UX Portfolio
A practical beginner guide to choosing honest project evidence, writing one useful case study, and publishing a clear portfolio
Career
UX Career Transition Framework: Build Evidence for the Role
Map existing strengths, close the next evidence gap, build one credible case study, and run a focused job search without pretending every transition follows the same timeline.
Design fundamentals
How to Run a Design Critique That Actually Improves Work
Master the design critique process: step-by-step framework, proven formats, remote tips, and templates. Turn feedback sessions into powerful design improvements.
Portfolio practice
Project Prioritization Matrix
Score and plot your projects to choose what to lead with in your portfolio
Portfolio practice
Portfolio Layout Examples
Compare six portfolio layout patterns, see what each one makes easy or hides, and choose a structure that helps the right work get read.
Tools & workflow
Adobe Creative Cloud in 2026: Which Apps Are Worth Paying For?
Choose Adobe apps by the work you ship, compare current US plan prices, and understand when Creative Cloud Pro or a Firefly plan makes sense.
Design fundamentals
Form Design That Actually Converts (Data from 2,000+ A/B Tests)
Data-backed form UX that increases conversions by 120%. Single-column layouts, inline validation, field reduction, and mobile-first design that works.
Design fundamentals
Why Removing Onboarding Increased Activation 47%
A SaaS company removed ALL onboarding and saw activation jump from 28% to 41%. When onboarding hurts more than it helps, plus 4 better alternatives.
Tools & workflow
Webflow Portfolio Setup Guide
Complete guide to building a design portfolio in Webflow — from account setup to custom interactions and CMS.
Design fundamentals
Is Infinite Scroll Bad Design?
Infinite scroll is not automatically bad UX. Choose between infinite scroll, Load More, pagination, and virtualization based on the task, accessibility, search, and performance.
Portfolio practice
Image Optimization for Portfolios
Choose format, responsive size, compression, loading priority, dimensions, and accessible alternatives based on each image's job.
Portfolio practice
Portfolio Navigation Best Practices
Design portfolio navigation around reviewer tasks with clear labels, orientation, keyboard access, mobile behavior, and task-based testing.
Portfolio practice
Mobile Portfolio Design
Protect portfolio tasks across narrow screens, touch, keyboard, zoom, orientation, slow networks, and real devices.
Portfolio practice
Portfolio Accessibility: A Practical WCAG 2.2 Review
Review keyboard access, contrast, structure, images, media, motion, reflow, and clear interaction using WCAG 2.2.
Portfolio practice
Client Testimonial Templates: Permission-First
Ask, edit, approve, and publish specific client quotes without scripting praise or exposing confidential work.
Portfolio practice
Portfolio SEO Checklist: Crawlable and Useful
Review indexing, titles, project content, images, structured data, Search Console, and performance without ranking promises.
Portfolio practice
Portfolio Site Speed: Diagnose and Fix Bottlenecks
Measure field and lab performance, identify LCP, INP, and CLS causes, and prioritize portfolio-specific fixes.
Design fundamentals
Portfolio Project Examples: Six Evidence Patterns
Use six fictional project patterns to select and frame UX, UI, research, brand, systems, and service-design work.
Career
LinkedIn for Designers: Clarity, Proof, and Relationships
Align your profile with your resume and portfolio, curate credible work samples, check visibility, and network without algorithm folklore.
Design fundamentals
Design Principles for Beginners
Master the 6 fundamental principles of effective visual design — with interactive examples and practice exercises
Design fundamentals
Design Fundamentals for Students: Complete Guide
Master the 7 essential design principles every student needs — with practice exercises and common mistakes to avoid
Portfolio practice
How to Code a Portfolio Website
Choose the lightest portfolio stack for the work, build the essential reader path, and verify the real content before adding complexity.
Tools & workflow
How to Build a Portfolio in Figma
Use Figma to structure one complete case study, build a reusable portfolio system, and prepare the right website, prototype, or PDF for each review.
Design fundamentals
Design Principles Masterclass
Master the 12 fundamental design principles: balance, contrast, hierarchy, and more — with visual examples and a free checklist
Design fundamentals
AI Design Workflow: Use AI Without Losing Judgment
A practical workflow for using AI to explore, prototype, and review design without outsourcing the decisions or evidence that make the work credible
Design fundamentals
Typography Principles for Designers
Practical typography rules for font pairing, type hierarchy, spacing, responsive type, and cleaner designer portfolios and layouts
Critique
Design Feedback Best Practices
Master the art of giving and receiving design feedback that actually improves work
Design fundamentals
Design Mistakes Guide: Diagnose the Cause, Not the Symptom
Diagnose hierarchy, type, color, layout, interaction, and consistency problems without relying on shame, rigid rules, or invented evidence.
Tools & workflow
Portfolio Checklist Tool
Interactive checklist to evaluate and improve your portfolio
Design fundamentals
20 Portfolio Tagline Examples + 5 Useful Formulas
Illustrative tagline patterns you can adapt, with practical formulas for writing a clearer portfolio headline.
Interactive tool
Portfolio Tagline Generator
Interactive tool for drafting portfolio taglines from adaptable structures
Design fundamentals
Portfolio Tagline Workshop
A practical workshop for turning target work, evidence, audience, and point of view into a clear portfolio tagline.
Design fundamentals
UX Case Study Structure Guide
A seven-part framework for showing your role, evidence, decisions, outcomes, and reflection
Design fundamentals
Design Critique vs Design Review: How to Choose
Use critique to improve the work and review to make a decision. Prepare the right people, evidence, and ending for each conversation.
Design fundamentals
Design Validation Methods for Solo Designers
6 proven methods to validate your designs when working alone - no team required
Design fundamentals
7 Signs Your Portfolio Needs Another Set of Eyes
Know when self-editing has stopped helping, which reviewer to choose, and how to ask for feedback you can use
Tools & workflow
Move from Adobe XD to Figma
A practical migration guide for preserving screens, assets, design decisions, and prototype logic while moving active Adobe XD work into Figma.
Tools & workflow
Best Design Feedback Tools: Choose by Feedback Job
Compare Figma comments, MarkUp.io, Loom, The Crit, and Maze by the question each can answer — from annotations to critique and user evidence.
Design fundamentals
5 Designer Portfolio Website Examples
Five real portfolios, the presentation pattern each one uses, and what to study without copying the surface style.
Tools & workflow
Figma Review 2026: Pricing, AI, Motion, Sites & Make
Current Figma review covering seat pricing, Motion, Sites, Make, Dev Mode MCP, AI credits, and who the expanded suite is for.
Tools & workflow
Framer Portfolio Tutorial
Build a professional portfolio with Framer — animations, CMS, and custom interactions without code.
Portfolio practice
Best Portfolio Platforms for Designers
A current comparison of Framer, Webflow, Figma Sites, Squarespace, Cargo, Readymag, Wix Studio, Carrd, and other portfolio options.
Interactive tool
Design Hot Take Generator
Pick a topic and heat level, respond to a design hot take, and make your case with a discussion prompt.
Bring it back to the work
Want feedback on your actual project?
A free First Read identifies the one issue most worth addressing first and explains the next useful move.