Beginners
How to optimize SVG files: A complete guide for beginners
SVG files use mathematical formulas to create graphics, allowing infinite scaling without losing quality, and making them perfect for high-res displays and responsive design.
Latest
Beginners
How to build a memorable brand identity
When you think of iconic brands, a few instantly come to mind: the golden arches of McDonald's, the sleek simplicity of Apple. These companies have mastered the art of brand identity, crafting visual and emotional connections with consumers worldwide.
Design
Why use Design Tokens? 7 practical reasons designers and developers swear by
From reducing human error to creating more harmony between teams, let’s explore the benefits of design tokens and why you might want to consider using them in your next project.
Code
How to embed custom fonts with @font-face in CSS
Learn how to use @font-face to embed custom fonts in your website. Includes practical examples, performance tips, browser compatibility, and common mistakes to avoid.
UX
8 ways to use intuitive navigation to improve your website's UX
Discover 8 practical ways to design intuitive navigation that guides users effortlessly through your website or app. From clear labels to responsive layouts, these best practices will help you create smoother, more engaging user experiences — and avoid the pitfalls of confusing design.
Penpot
Penpot's AI whitepaper
This piece explains some of Penpot's relevant findings around AI and UI Design, what we’re building (and why) and what you should expect from us in the future.
Design
UX accessibility: 8 best practices for more inclusive design
By focusing on accessibility in UX design from the very first sketch of your app or site, you can get everyone thinking about the best way to serve every user. Find out how!
Code
How to create an intuitive design token system
In this guide, we’ll walk through creating a token system that works intuitively for both designers and developers.
Design
Typography hierarchy: How to improve readability
We read thousands of words on our mobile devices and computers daily, but not all of these words get the same attention. How do we decide which words to stop for?
Design
How to design a mobile app for free in 7 simple steps
In this comprehensive guide, we'll roll up our sleeves and get into exactly those steps, equipping you to confidently lay the groundwork for your first mobile app. Let's get building!
Tools
Adobe XD export: How to migrate to Penpot
With Adobe XD only falling more out of date, you may be thinking about moving your files to a different design platform, such as Penpot. Designers making the switch to Penpot often find it a practical move, with low costs, flexibility, and long-term control benefits. However, there are a few
Design
The best image format for every use case: A complete guide to using JPG, PNG, and more
Each image file type was created for a good reason, but it may not be the right reason for you. Because images can have different purposes, you’ll need to know your ultimate purpose in using an image before selecting the right type.