Medium

João Conceição

In

Bootcamp

by

João Conceição

·

Jul 31

Your design tokens are lying to you — and the code will never complain.

Naming mistakes don’t throw errors. Here’s how to catch them before they cost you.

A cartoon Pinocchio looking guilty, one hand on his cheek, with a long grown nose; written along the nose is the design token button-bg-primary-hover — a token whose name hides a semantic concept (“primary”) in a component token, where it doesn’t belong.

In

Bootcamp

by

João Conceição

·

Mar 18, 2024

Refining UI Color Scale from real-world tones

A well-thought-out color scale can evoke emotions, create hierarchy, and improve usability.

Refining UI Color Scale from real-world tones

In

Bootcamp

by

João Conceição

·

Jun 27, 2023

Dark Patterns on the web

Uncovering the Dark Side of User Experience and maximizing value for Businesses and Customers through Design.

Dark Patterns on the web

In

Bootcamp

by

João Conceição

·

May 6, 2023

Should the confirmation button come first or last?

Several arguments support the multiple placement configurations of call-to-action buttons. Let’s see some best practices to help you to…

Buttons Placement and Order

In

Bootcamp

by

João Conceição

·

Apr 14, 2023

F-shaped reading on the web

This short article talks about a common pattern that people follow when reading web content, known as the F-shaped pattern.

f pattern header image

In

Bootcamp

by

João Conceição

·

Apr 1, 2023

Effective strategies for documenting colors in Design Systems

This article will walk through a step-by-step process of creating and documenting a color palette from start to finish.

Collor pallette as cover image

João Conceição

João Conceição

Product Designer 🇵🇹 Portugal 🖥️ Design Systems / Design Tokens 🌐 www.joaoconceicao.design instagram.com/joaohlconceicao

Following

Help

Status

About

Careers

Press

Blog

Store

Privacy

Rules

Terms

Text to speech