Beginners
Wireframes vs. mockups: How to use both for better design
Wireframes and mockups offer a tangible roadmap for refining your best ideas. Each has a unique role in the creation pipeline.
Accessible Design Checklist
Improve your design’s accessibility with this quick reference checklist and Penpot plugin.
7 ways Penpot empowers developers to do their best work
Read about how Penpot is changing the way developers work for the better. We’ve identified some of the ways they can see results right away from making the switch
Product designer skills: 5 skills employers are looking for in 2025
We've identified the five areas most likely for hiring teams to find valuable in 2025.
How to choose a color palette and use it to build your brand
Colors play a crucial role in shaping brand identity. Since the 15th century, color theory has guided designers worldwide in selecting the ideal combinations to enhance and elevate their designs.
How to make a mood board for your next app or website design
When you go through the process of creating a mood board, you get a better idea of the feeling your product should evoke for users. Here’s how to make a mood board you can be proud of.
Design systems best practices with Penpot
If you want to create a design system using Penpot, I’ve got some tips, tricks, and best practices for you.
How to create interactive image hover effects with CSS
Learn how to create effective hover effects in different ways and how they help designers provide a better user experience
7 wireframing examples for better designs
Wireframes are an integral part of designing any app or website. These analog or very low-fidelity drawings have one purpose: to show the basic layout and navigation of your idea.
How to use CSS and media query breakpoints to create responsive layouts
Responsive layouts “respond” to the size and resolution of the device they are presented on, and underpinning these layouts are CSS media query breakpoints.
Tutorial: Creating Penpot color palettes and libraries
Learn how to use color and save reusable colors for your design system with Penpot’s color palette and shared libraries.
What is a component library?
Designers and developers create better products when they can collaborate easily and create consistent design decisions. One of the more practical ways to accomplish both aims is to employ a component library.
Creating a design system: A beginner’s guide in 7 steps
A design system guides every new project and helps designers, developers, and other teams stay unified in their workflows. Learn how to create a design system in 7 steps.