Brand consistency: How enterprises maintain and build their brands
Brand consistency is the disciplined, repeatable presentation of one identity-visual, verbal, and experiential-whenever and wherever audiences encounter you
Latest
6 reasons enterprise companies choose to self-host Penpot
Penpot gives enterprise teams something most SaaS design tools simply cannot offer: full control over a design platformplatform, without sacrificing collaboration, performance, or product velocity. But how?
Using design tokens for a proportional typographic scale
A proportional typographic scale is a hierarchy for font sizes that uses a consistent mathematical ratio. Design tokens are ideal for creating these scales.
Tutorial: Creating and applying typography design tokens
Typography design tokens are a way to save your text styles for reuse across your projects. The typography composite token combines multiple typography-related properties in one mega token.
Web design color theory: How to build brands and improve UX with color
Colors bring a webpage to life, and some of our most engaging digital experiences wouldn’t work without a good use of color theory. What different colors go together? Are the basics of color theory enough?
How to self-host Penpot: A technical implementation guide
Once you've decided to bring Penpot into your own infrastructure, the next step is making sure your instance runs smoothly, stays secure, and scales with your team. Learn how to self-host Penpot in your infrastructure.
7 Penpot prototyping features to bring your next project to life
Prototypes are essential in any major build, but their role has evolved. Today they go beyond visual mockups, helping teams catch issues early, test connections, validate assumptions with real data, and keep designers, developers, and stakeholders aligned.
Penpot deep dive: Color tokens vs asset colors
Color design tokens and asset colors are both ways you can store colors in Penpot for reuse. There are some key differences that might affect which you choose to use in your project.
Design tokens for designers: A practical guide
Design tokens bring together design and development teams with a single, unified language for expressing color, fonts, sizing, and more.
4 reasons why enterprises benefit from open-source design platforms
Whether it’s scaling across hundreds of designers or self-hosting and customizing an instance to meet strict requirements, open-source software gives enterprises the control they need to succeed - and one of the biggest advantages is flexibility.
The developer’s guide to design tokens and CSS variables
Design tokens are a platform-agnostic representation of your design decisions, while CSS variables provide a way to implement these decisions in the browser.
How to use component variants to scale your design system
This article explores how you can use component variants to simplify, scale, and future-proof your design system, helping you design more efficiently as your projects grow.
Penpot
Penpot's new rendering system
One of the hardest challenges in building a design tool like Penpot is rendering performance. As designs grow in complexity, ensuring smooth performance becomes increasingly difficult.
Code
CSS Grid vs. Flexbox: Choosing the right layout for you
Understanding what is Grid vs. Flexbox and how to use them can help you build cleaner layouts, write less code, and avoid frustrating design issues down the line.
Beginners
What is Interaction Design? A Guide for UX Designers
In this article, we'll break down what makes interaction design different from other types of design, go over its key ideas, and share the tools and steps designers use to create great digital interactions.
Code
Understanding the z-index: A beginner’s CSS guide
What's z-index? Learn how to manipulate the z-index, why it matters, and how Penpot makes it easier to manage stacking without touching a line of CSS.
Beginners
Mastering the iterative design process: A complete guide
What does it take to make the next big idea come to life in a tangible way that truly helps people? The iterative design approach can be used for any field, but it’s most notable in software development and user interface design.
Design
Tutorial: Creating and using component variants in Penpot
Component variants are a way to create different variations of a component. Does your component need different sizes? Colors? Levels of elevation? Variants make it easy to define these properties, and choose between them when you’re using a component in your designs.
Design
Tutorial: 5 examples of component variants
Variants add an extra level of flexibility to your components, as well as providing better documentation and making designs even more developer-friendly.
Beginners
How to design a prototype in 7 steps (and why it’s now more than just clickable screens)
Prototypes keep design teams aligned, cutting rework and wasted effort. They act as a shared source of truth that unites designers, developers, and stakeholders—whether refining a complex flow or pitching a bold new idea.
Code
The top 5 questions people have about CSS answered by Penpot
Having a basic knowledge of CSS can really benefit your skills in web and UI design. Let’s start with these answers for the top CSS questions asked by beginners today.
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.
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.