Code

The 5 best CSS frameworks (and why you should maybe go without)

What are the benefits of common CSS frameworks? We give you some reasons why you might want to consider designing in pure CSS.

Code

6 CSS tips for mastering positioning and fonts

Creating a great design with CSS comes with a learning curve. However, a lot of what you’ll make focuses on knowing two design areas: positioning and fonts.

Design

Intro to Design Tokens

Design tokens are tiny reusable building blocks. You can use them to keep colors, spacing and other styles consistent across your design, and combine them to create design systems.

Tutorial

Design Tokens with Penpot

Design tokens are the smallest repeatable elements of your design that can be reused consistently across your Penpot projects and teams.

Code

What is CSS? A beginner’s guide

While learning CSS takes time, understanding how it works should be easy. In this guide, we’ll explain the basics of CSS to help you start your journey.

Design

How To Choose the Right Typeface for Your Design: An Intro to Typography

Curious about the difference between Sans Serif and Comic Sans? Not sure if font or typeface are the same thing? Here are the basics around typography and why choosing the right look for your words matters.

Beginners

6 advanced UI design trends to enhance your product's UX

Great design can be learned; many of the best designers started by watching others and using their best practices for their own work.

Tools

How to create a brand identity: Tools and tips to make it happen

In this guide, we’ll walk you through the essential steps and tools to create a brand identity that’s memorable, meaningful, and built to scale.

Design

5 ecommerce UX examples (and what you can learn from them)

An outstanding ecommerce UX design can make your customers complete their purchases on your site. Find here 5 ecommerce UX examples.

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.

Code

What are design tokens? A complete guide

Design tokens create a single source of truth for design decisions, making your design system more maintainable, scalable, and consistent.

Beginners

9 UI design tips for smarter marketing project designs

To stand out from the crowd, you’ll want to focus on making your UI as usable and effective as possible — these design tips can truly separate you from your competition.