Tools I use.
Stage by stage.

Typeform

Flexible survey tool that makes it easy to collect structured feedbackglossary×FeedbackFeedback is the system response that informs users about the result of their actions. It helps users understand what has happened and what to do next.Open glossary term→ without creating frictionglossary×FrictionFriction refers to anything that slows users down or makes it harder for them to complete a task. It can be caused by poor design, unnecessary steps, unclear messaging, or technical issues.Open glossary term→ for users, especially in live products.

Dovetail

Helps organise and analyse qualitative researchglossary×Qualitative ResearchQualitative research explores user behaviour, motivation, and experience through non-numerical evidence such as interviews, observation, and testing. It is designed to explain why something happens rather than to measure how often.Open glossary term→, making it easier to turn interviews and feedbackglossary×FeedbackFeedback is the system response that informs users about the result of their actions. It helps users understand what has happened and what to do next.Open glossary term→ into clear, usable insightglossary×InsightAn insight is a meaningful understanding that explains why something is happening and what it means.Open glossary term→.

SurveyMonkey

More traditional survey platformglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→, suited for larger-scale quantitative researchglossary×Quantitative ResearchQuantitative research uses numerical data from analytics, surveys, and experiments to measure behaviour and test whether a pattern holds at scale. It establishes how many and how much without explaining the reasons behind either.Open glossary term→ and more formal dataglossary×DataData is raw, uninterpreted information collected and stored so it can be analysed, processed, or used to inform decisions. On its own it carries no meaning; context and interpretation are what make it useful.Open glossary term→ collection.

Qualtrics

Enterprise researchservice×User ResearchUnderstand user behaviour, validate ideas, and make clearer product decisions with evidence you can act on.Open service→ and survey platformglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→ with strong capabilitiesglossary×CapabilityCapability refers to an organisation’s ability to perform a specific function or deliver a particular outcome.Open glossary term→ for large-scale feedback, segmentation, and analysis.

Hotjar

Useful for in-product feedbackglossary×FeedbackFeedback is the system response that informs users about the result of their actions. It helps users understand what has happened and what to do next.Open glossary term→ and intercept surveysguide×SurveysCollecting structured feedback at scale to understand user attitudes, sentiment, and self-reported behaviour.Open guide→ as well as heatmapsguide×HeatmapsVisualising aggregated user interaction to see where people click, focus, and scroll on a page.Open guide→ and recordings, making it a practical bridge between behaviour and direct user input.

Sprig

In-product researchservice×User ResearchUnderstand user behaviour, validate ideas, and make clearer product decisions with evidence you can act on.Open service→ tool for surveysguide×SurveysCollecting structured feedback at scale to understand user attitudes, sentiment, and self-reported behaviour.Open guide→ and feedbackglossary×FeedbackFeedback is the system response that informs users about the result of their actions. It helps users understand what has happened and what to do next.Open glossary term→ collection, useful when you need quick insight from live users in context.

Gong

Conversation intelligence platformglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→ that helps teams analyse sales and support calls at scale to surface recurring themes and customer language.

Figma

Used to design flows, wireframes, and prototypesglossary×PrototypeA prototype is an early version of a product used to test ideas, interactions, and concepts.Open glossary term→, turning insightglossary×InsightAn insight is a meaningful understanding that explains why something is happening and what it means.Open glossary term→ into something tangible that can be tested, refined, and shared.

Overflow

Specialised tool for presenting user flowsglossary×User FlowA user flow is the sequence of steps, screens, and decisions a person moves through to complete a task inside a product. It includes the branches, errors, and recovery routes, not only the path where everything works.Open glossary term→ clearly, making it easier to communicate journeys and interactionsglossary×InteractionInteraction refers to any action a user takes within a product and how the system responds. It includes clicks, taps, gestures, and inputs that drive the user experience.Open glossary term→ to others.

FigJam

Supports early-stage thinking, mapping, and collaboration, helping teams align before moving into more detailed design work.

Mural

Collaborative visual workspace for workshops, mapping, and team alignmentglossary×AlignmentAlignment is a shared understanding of goals and priorities across teams and stakeholders, strong enough that people act consistently without checking first. It is not the same thing as everyone agreeing.Open glossary term→ across journeys, systemsglossary×SystemA system is a collection of interconnected components that work together to achieve a specific function or outcome.Open glossary term→, and ideas.

Lucidchart

More structured diagramming tool, often used for systemsglossary×SystemA system is a collection of interconnected components that work together to achieve a specific function or outcome.Open glossary term→, processesglossary×ProcessA process is a defined sequence of steps used to achieve a specific outcome.Open glossary term→, and technical flows that need clarityglossary×ClarityClarity is how easily users can understand what is happening and what they need to do.Open glossary term→ and consistency.

Draw.io

Practical diagramming tool for flows, systemsglossary×SystemA system is a collection of interconnected components that work together to achieve a specific function or outcome.Open glossary term→, and structures when speed and clarityglossary×ClarityClarity is how easily users can understand what is happening and what they need to do.Open glossary term→ matter more than polish.

Miro

Designed for workshops and collaborative sessionsglossary×SessionA session is a single period of user interaction with a product, from entry to exit within a defined timeframe.Open glossary term→, particularly useful for mapping journeys and aligning multiple stakeholdersglossary×StakeholderA stakeholder is any individual or group with an interest in a product, project, or outcome, including internal teams and external parties.Open glossary term→.

Axure RP

Powerful tool for building detailed flows and logic-heavy prototypesglossary×PrototypeA prototype is an early version of a product used to test ideas, interactions, and concepts.Open glossary term→, especially when interactionsglossary×InteractionInteraction refers to any action a user takes within a product and how the system responds. It includes clicks, taps, gestures, and inputs that drive the user experience.Open glossary term→ need more depth.

Codex

Useful for quickly exploring implementation options, pressure-testing flows, and accelerating iterationglossary×IterationIteration is the process of repeatedly improving a product through cycles of testing, feedback, and refinement.Open glossary term→ when ideas need to move from concept into working product.

Maze

Enables rapid testing of prototypesglossary×PrototypeA prototype is an early version of a product used to test ideas, interactions, and concepts.Open glossary term→ with clear metrics, helping validate ideas quickly without needing full usabilityglossary×UsabilityUsability is how easy and efficient it is for users to complete tasks within a product. It focuses on clarity, simplicity, and reducing effort so users can achieve their goals without confusion or friction.Open glossary term→ sessionsglossary×SessionA session is a single period of user interaction with a product, from entry to exit within a defined timeframe.Open glossary term→.

Claude Code

Useful for working through implementation detail, structuring technical thinking, and accelerating iterationglossary×IterationIteration is the process of repeatedly improving a product through cycles of testing, feedback, and refinement.Open glossary term→ when product ideas need to be tested in code.

Lookback

Supports moderated researchservice×User ResearchUnderstand user behaviour, validate ideas, and make clearer product decisions with evidence you can act on.Open service→ sessionsglossary×SessionA session is a single period of user interaction with a product, from entry to exit within a defined timeframe.Open glossary term→, allowing deeper exploration through live observationglossary×ObservationObservation is a research method where user behaviour is watched and analysed without interference.Open glossary term→ and follow-up questions.

Figma

Helpful for turning ideas into prototypesglossary×PrototypeA prototype is an early version of a product used to test ideas, interactions, and concepts.Open glossary term→ that can be tested quickly, shared easily, and refined before development effort increases.

PlaybookUX

Combines unmoderated testingglossary×Unmoderated TestingUnmoderated testing is a usability testing method where users complete tasks independently without a facilitator.Open glossary term→ and interviews, offering flexibility depending on the type and depth of researchservice×User ResearchUnderstand user behaviour, validate ideas, and make clearer product decisions with evidence you can act on.Open service→ needed.

UsabilityHub

Supports quick validation methods like first-click and preference testingguide×Preference TestingComparing options with users to understand which they prefer and why before committing to a direction.Open guide→, useful for early-stage directional feedbackglossary×FeedbackFeedback is the system response that informs users about the result of their actions. It helps users understand what has happened and what to do next.Open glossary term→.

UserTesting

Provides access to a broad user base and recorded sessionsglossary×SessionA session is a single period of user interaction with a product, from entry to exit within a defined timeframe.Open glossary term→, making it easier to scale usability testingguide×Usability TestingObserving users complete tasks to identify usability issues, friction, and barriers to success.Open guide→ and gather diverse feedbackglossary×FeedbackFeedback is the system response that informs users about the result of their actions. It helps users understand what has happened and what to do next.Open glossary term→.

Hotjar

Useful for spotting frictionglossary×FrictionFriction refers to anything that slows users down or makes it harder for them to complete a task. It can be caused by poor design, unnecessary steps, unclear messaging, or technical issues.Open glossary term→, hesitation, and missed opportunities through recordings, heatmapsguide×HeatmapsVisualising aggregated user interaction to see where people click, focus, and scroll on a page.Open guide→, and on-page feedbackglossary×FeedbackFeedback is the system response that informs users about the result of their actions. It helps users understand what has happened and what to do next.Open glossary term→.

VWO

Experimentation platformglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→ that supports A/B testingguide×A/B TestingA/B, split and multivariate testing compared: how to choose the right online experiment, run it honestly, and read the result.Open guide→ alongside behavioural insightsglossary×InsightAn insight is a meaningful understanding that explains why something is happening and what it means.Open glossary term→, helping teams optimise with confidence.

Mixpanel

Strong for event-based analysis, funnelsglossary×FunnelA funnel represents the stages users go through from initial interaction to completing a goal, showing how many progress or drop off at each step.Open glossary term→, and retentionglossary×RetentionRetention measures how well a product keeps users over time by continuing to deliver value. It is a key indicator of product success and long-term viability.Open glossary term→ patternsglossary×PatternA pattern is a reusable solution to a design problem that recurs across products and contexts. It captures an approach already shown to work, so a team solves the problem once rather than every time it appears.Open glossary term→ when you need to understand where optimisation work will have the biggest impact.

Amplitude

Strong product analytics platformglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→ for understanding behaviourglossary×BehaviourBehaviour refers to how users interact with a system, including actions, patterns, and responses.Open glossary term→, retentionglossary×RetentionRetention measures how well a product keeps users over time by continuing to deliver value. It is a key indicator of product success and long-term viability.Open glossary term→, and journey performance when optimisation decisions need deeper evidence.

Optimizely

Enterprise experimentation platformglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→ for testing, personalisation, and structured optimisationglossary×OptimisationOptimisation is the process of improving a product or journey to increase performance, usability, or conversion.Open glossary term→ when changes need stronger validation.

Convert

Privacy-focused testing platformglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→, often used where dataglossary×DataData is raw, uninterpreted information collected and stored so it can be analysed, processed, or used to inform decisions. On its own it carries no meaning; context and interpretation are what make it useful.Open glossary term→ compliance and control are a priority.

FullStory

Detailed session replayglossary×Session RecordingSession recording captures a user's real interactions with a product (clicks, scrolls, hesitations, and navigation) for review afterwards. It shows genuine behaviour in genuine conditions, without any ability to ask why.Open glossary term→ and behavioural analysis tool that helps connect optimisationglossary×OptimisationOptimisation is the process of improving a product or journey to increase performance, usability, or conversion.Open glossary term→ opportunities to real user frictionglossary×FrictionFriction refers to anything that slows users down or makes it harder for them to complete a task. It can be caused by poor design, unnecessary steps, unclear messaging, or technical issues.Open glossary term→.

Awwwards

Showcases high-end digital design and interactionsglossary×InteractionInteraction refers to any action a user takes within a product and how the system responds. It includes clicks, taps, gestures, and inputs that drive the user experience.Open glossary term→. Useful for inspiration, but more importantly for understanding where expectations are heading.

Mobbin

A curated libraryglossary×LibraryA library is a collection of pre-written code that developers can use to perform common tasks.Open glossary term→ of real product screens and flows, useful for quickly understanding how common patternsglossary×PatternA pattern is a reusable solution to a design problem that recurs across products and contexts. It captures an approach already shown to work, so a team solves the problem once rather than every time it appears.Open glossary term→ are solved across different apps and platformsglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→.

Pinterest

Broad and fast-moving source of visual inspiration across multiple disciplines, not limited to digital products.

Land-book

A collection of landing page designs that helps identify layoutglossary×LayoutLayout is the arrangement of elements on a page or screen, determining how content is organised and presented. It influences readability, usability, and overall experience.Open glossary term→ patternsglossary×PatternA pattern is a reusable solution to a design problem that recurs across products and contexts. It captures an approach already shown to work, so a team solves the problem once rather than every time it appears.Open glossary term→, content structuresservice×Information ArchitectureImprove navigation, content structure, and findability so users can understand where things are and how to move through them.Open service→, and visual approaches across industries.

Behance

More detailed case studies and design work, often showing processglossary×ProcessA process is a defined sequence of steps used to achieve a specific outcome.Open glossary term→ as well as final output. Good for deeper inspiration.

Godly

Curated web inspiration with a stronger quality filter, useful when you want sharper references rather than endless volume.

Dribbble

Large volume of visual concepts and UI ideas. Useful for quick inspiration, but quality and practicality can vary significantly.

SiteInspire

Well-curated gallery of modern website design, useful for spotting layoutglossary×LayoutLayout is the arrangement of elements on a page or screen, determining how content is organised and presented. It influences readability, usability, and overall experience.Open glossary term→, interactionglossary×InteractionInteraction refers to any action a user takes within a product and how the system responds. It includes clicks, taps, gestures, and inputs that drive the user experience.Open glossary term→, and visual direction across industries.

Lapa Ninja

Large collection of landing page references that helps with structure, content patternsglossary×PatternA pattern is a reusable solution to a design problem that recurs across products and contexts. It captures an approach already shown to work, so a team solves the problem once rather than every time it appears.Open glossary term→, and visual approaches for conversionglossary×ConversionA conversion is any action a user takes that aligns with a defined goal, such as making a purchase, signing up, or completing a task.Open glossary term→-focused pages.

Page Flows

Useful for studying complete user flowsglossary×User FlowA user flow is the sequence of steps, screens, and decisions a person moves through to complete a task inside a product. It includes the branches, errors, and recovery routes, not only the path where everything works.Open glossary term→ and screen sequences across real products rather than isolated single screens.

MUI

Component libraryglossary×LibraryA library is a collection of pre-written code that developers can use to perform common tasks.Open glossary term→ I use when speed, consistencyglossary×ConsistencyConsistency is the use of uniform patterns, behaviours, and visual elements across a product to create familiarity and predictability. It helps users learn once and apply that knowledge throughout the experience.Open glossary term→, and scalabilityglossary×ScalabilityScalability is the ability of a system to handle increased demand without losing performance.Open glossary term→ matter. Strong for structured product work where you need reliable building blocks without losing too much flexibility.

Chakra UI

Component-based frameworkglossary×FrameworkA framework is a structured set of tools and conventions used to build applications more efficiently.Open glossary term→ focused on speed and accessibilityservice×AccessibilityFind accessibility issues early, improve usability, and build products that are more inclusive, usable, and compliant.Open service→. Useful for quick buildsglossary×BuildA build is the process of compiling and packaging code into a runnable application.Open glossary term→, though I generally prefer the structure and flexibility of MUI.

Bootstrap

Long-standing UI frameworkglossary×FrameworkA framework is a structured set of tools and conventions used to build applications more efficiently.Open glossary term→ that helps teams move quickly, especially for standard layoutsglossary×LayoutLayout is the arrangement of elements on a page or screen, determining how content is organised and presented. It influences readability, usability, and overall experience.Open glossary term→ and admin-style interfacesglossary×InterfaceAn interface is the point of interaction between a user and a system, where inputs are made and outputs are received. It can be visual, physical, or conversational.Open glossary term→. Useful, but it can feel generic if it is not customised properly.

Ant Design

Comprehensive component libraryglossary×LibraryA library is a collection of pre-written code that developers can use to perform common tasks.Open glossary term→ aimed at enterprise products. Strong for complex interfacesglossary×InterfaceAn interface is the point of interaction between a user and a system, where inputs are made and outputs are received. It can be visual, physical, or conversational.Open glossary term→, though visually it can feel opinionated out of the box.

Tailwind CSS

Utility-first frameworkglossary×FrameworkA framework is a structured set of tools and conventions used to build applications more efficiently.Open glossary term→ that gives more visual control at implementation level. Powerful in the right hands, but it needs discipline or things get messy fast.

React

Core frontendglossary×FrontendThe frontend is the part of a system that users interact with directly, including interfaces and visual elements.Open glossary term→ libraryglossary×LibraryA library is a collection of pre-written code that developers can use to perform common tasks.Open glossary term→ for building modular, reusable interfacesglossary×InterfaceAn interface is the point of interaction between a user and a system, where inputs are made and outputs are received. It can be visual, physical, or conversational.Open glossary term→. Flexible enough for complex products and widely supported across modern stacks.

Vue

Frontendglossary×FrontendThe frontend is the part of a system that users interact with directly, including interfaces and visual elements.Open glossary term→ frameworkglossary×FrameworkA framework is a structured set of tools and conventions used to build applications more efficiently.Open glossary term→ with a gentler learning curve and strong developerglossary×DeveloperA developer builds and maintains the technical implementation of a product, writing code, integrating systems, and making a design work in practice. Much of the role is judgement about details no specification covered.Open glossary term→ experience. A solid choice, especially for smaller teams or lighter applications.

Next.js

Frameworkglossary×FrameworkA framework is a structured set of tools and conventions used to build applications more efficiently.Open glossary term→ I use for building production-ready React applications with routing, structure, and performanceglossary×PerformancePerformance refers to how quickly and efficiently a system responds to user actions and processes tasks.Open glossary term→ handled properly from the start.

Nuxt

Frameworkglossary×FrameworkA framework is a structured set of tools and conventions used to build applications more efficiently.Open glossary term→ built on Vue that adds routing, structure, and application-level featuresglossary×FeatureA feature is a specific piece of functionality within a product that delivers value to users. It represents something users can do or experience as part of the overall product.Open glossary term→ in a similar way to Next.js.

Svelte

Lightweight frontendglossary×FrontendThe frontend is the part of a system that users interact with directly, including interfaces and visual elements.Open glossary term→ frameworkglossary×FrameworkA framework is a structured set of tools and conventions used to build applications more efficiently.Open glossary term→ that can produce very fast interfacesglossary×InterfaceAn interface is the point of interaction between a user and a system, where inputs are made and outputs are received. It can be visual, physical, or conversational.Open glossary term→ with less code. Interesting, but not as common in larger product environments.

Angular

Full frameworkglossary×FrameworkA framework is a structured set of tools and conventions used to build applications more efficiently.Open glossary term→ with strong conventions and enterprise adoption. Powerful, but heavier than I would usually want for most product work.

Google Cloud Platform (GCP)

Core backendglossary×BackendThe backend is the part of a system that handles data processing, logic, and server-side operations.Open glossary term→ environmentglossary×EnvironmentAn environment is a specific configured setup where software runs, such as development, staging, or production, each with its own data and settings. Keeping them consistent is what makes behaviour in one predict behaviour in another.Open glossary term→ for running servicesglossary×ServiceA service is a component or function that performs a specific task within a system.Open glossary term→, handling data, and scaling applications. Reliable, flexible, and fits well with modern product architectures.

Cloud Functions

Used for running backendglossary×BackendThe backend is the part of a system that handles data processing, logic, and server-side operations.Open glossary term→ logic without managing servers. Ideal for handling events, automationglossary×AutomationAutomation is the use of technology to perform tasks with minimal human intervention.Open glossary term→, and lightweight processing.

Firestore

NoSQL database for storing and syncing dataglossary×DataData is raw, uninterpreted information collected and stored so it can be analysed, processed, or used to inform decisions. On its own it carries no meaning; context and interpretation are what make it useful.Open glossary term→ in real time. Works well for products that need speed and flexibility without heavy schema constraintsglossary×ConstraintsConstraints are limitations or restrictions that impact how a product or solution can be designed or built.Open glossary term→.

Supabase

Open-source alternative to Firebase with a more structured, SQL-based approach. Useful when you want more control over your dataglossary×DataData is raw, uninterpreted information collected and stored so it can be analysed, processed, or used to inform decisions. On its own it carries no meaning; context and interpretation are what make it useful.Open glossary term→.

Firebase

Backendglossary×BackendThe backend is the part of a system that handles data processing, logic, and server-side operations.Open glossary term→-as-a-serviceglossary×ServiceA service is a component or function that performs a specific task within a system.Open glossary term→ platformglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→ that simplifies authentication, databases, and hosting. Good for rapid builds, but can become limiting at scale.

AWS

Comprehensive cloudglossary×CloudCloud refers to the delivery of computing services such as storage, processing, and networking over the internet.Open glossary term→ platformglossary×PlatformA platform is a system or environment that enables users, services, or applications to interact, build, or operate.Open glossary term→ with a huge range of servicesglossary×ServiceA service is a component or function that performs a specific task within a system.Open glossary term→. Extremely powerful, but often more complex than needed for most product work.

Node.js

Runtime for building backendglossary×BackendThe backend is the part of a system that handles data processing, logic, and server-side operations.Open glossary term→ servicesglossary×ServiceA service is a component or function that performs a specific task within a system.Open glossary term→ using JavaScript. Flexible and widely used, especially in full-stackglossary×StackA stack is the combination of technologies used to build and run a system.Open glossary term→ JavaScript environments.

Vercel

Lightweight backendglossary×BackendThe backend is the part of a system that handles data processing, logic, and server-side operations.Open glossary term→ capabilitiesglossary×CapabilityCapability refers to an organisation’s ability to perform a specific function or deliver a particular outcome.Open glossary term→ alongside frontendglossary×FrontendThe frontend is the part of a system that users interact with directly, including interfaces and visual elements.Open glossary term→ hosting. Useful for simpler use cases and tightly coupled frontend apps.

ChatGPT

Used for generating product content, refining copy, structuring ideas, and speeding up thinking. Works best when guided properly rather than treated as a one-click solution.

DALL·E

Image generation tool integrated into broader workflowsglossary×WorkflowA workflow is a defined sequence of tasks or steps required to complete a process.Open glossary term→. Good for quick visuals, though less flexible than Midjourney for exploration.

Perplexity

Fast, researchservice×User ResearchUnderstand user behaviour, validate ideas, and make clearer product decisions with evidence you can act on.Open service→-driven AI that pulls in real sources. Useful for getting up to speed quickly and validating assumptions without digging through multiple tabs.

Runway

AI-powered video and media tools, useful for generating and editing visual content quickly.

Midjourney

Image generation tool used for concept exploration, visual direction, and early-stage creative thinking rather than final assets.

HeyGen

AI avatar and video generation tool, useful for creating quick presentations or content without full production setup.

Claude

Strong at structured thinking, longer-form content, and reasoning-heavy tasks. Useful when clarityglossary×ClarityClarity is how easily users can understand what is happening and what they need to do.Open glossary term→ and depth matter more than speed.

Gemini

Google’s AI ecosystem, useful when working across documents, searchglossary×SearchSearch is the functionality that allows users to find content or information by entering queries. It relies on indexing, metadata, and relevance algorithms to return useful results.Open glossary term→, and integrated workflowsglossary×WorkflowA workflow is a defined sequence of tasks or steps required to complete a process.Open glossary term→.

Font Awesome

Massive icon libraryglossary×LibraryA library is a collection of pre-written code that developers can use to perform common tasks.Open glossary term→ with broad coverage. Useful when you need range, though it can feel visually inconsistent depending on what you pick.

Heroicons

Simple, well-made icon collection used heavily in modern web products. A solid default, especially in Tailwind-based buildsglossary×BuildA build is the process of compiling and packaging code into a runnable application.Open glossary term→.

Material Icons

Google’s icon collection built around Material Design patternsglossary×Design PatternA design pattern is a standardised, documented approach to a recurring interface or interaction problem. It gives teams a shared answer to reach for, and gives users behaviour that matches what they have learned elsewhere.Open glossary term→. Useful in the right contextglossary×ContextContext is the set of surrounding conditions that shape how someone behaves and decides, including their goal, their environment, their time pressure, and what happened immediately before. The same action can mean different things in different contexts.Open glossary term→, especially for more systemglossary×SystemA system is a collection of interconnected components that work together to achieve a specific function or outcome.Open glossary term→-led interfaces.

Phosphor Icons

Flexible icon collection with multiple weights and styles. Good when you need a bit more personality without going too far.

Bootstrap Icons

Straightforward open-source icon set that fits well with practical product and dashboard work without overcomplicating things.

Tabler Icons

Large open-source icon set with a clean, consistent visual style suitable for product and dashboard work.

MUI Icons

Material-aligned icon set packaged for MUI projects, useful when you want consistencyglossary×ConsistencyConsistency is the use of uniform patterns, behaviours, and visual elements across a product to create familiarity and predictability. It helps users learn once and apply that knowledge throughout the experience.Open glossary term→ across interfaceglossary×InterfaceAn interface is the point of interaction between a user and a system, where inputs are made and outputs are received. It can be visual, physical, or conversational.Open glossary term→ components and icons.

Lucide

Clean, lightweight icon collection that works well in modern interfacesglossary×InterfaceAn interface is the point of interaction between a user and a system, where inputs are made and outputs are received. It can be visual, physical, or conversational.Open glossary term→ without feeling overdesigned.

Google Fonts

The main font collection I use when I need flexible, web-friendly typography that is easy to implement and widely supported.

Fontshare

Free font collection with some genuinely strong options for digital products and brand work.

Adobe Fonts

Strong premium font collection with a broader range of higher-end type choices. Useful when the brand needs something more distinctive.

Typewolf

Useful as a typography reference point for seeing pairings, hierarchyglossary×HierarchyHierarchy is the organisation of elements to show importance and guide user attention.Open glossary term→, and real-world usage rather than as a font source itself.

Fonts in Use

Reference libraryglossary×LibraryA library is a collection of pre-written code that developers can use to perform common tasks.Open glossary term→ for seeing how typefaces are used in real projects, which is often more useful than browsing font lists in isolation.