Loading video...

Video Failed to Load

Go Home

Stop using red for danger buttons

165,264 views • 11 months ago •via X (Twitter)

34 Comments

Yorn Fifty's profile picture
Yorn Fifty11 months ago

okay but you haven't show us how the danger button looks like if the brand color is already red tho

Brice Gramm's profile picture
Brice Gramm11 months ago

We didn’t get any payoff of the hook 😫 Show us the danger button in the secondary style!

Veton Saliu's profile picture
Veton Saliu11 months ago

You didn't show the other color of danger button. 👎

Fede's profile picture
Fede11 months ago

amazing video, but... what should I use for danger? 😅

Emeka עִמָּנוּאֵל ✝️'s profile picture
Emeka עִמָּנוּאֵל ✝️11 months ago

You didn’t really address the problem here. Your examples are not danger scenarios.

Derek Castelli's profile picture
Derek Castelli11 months ago

More so “red is still danger, so what to do if your brand color is red…”

Eli (イーライさん)'s profile picture
Eli (イーライさん)11 months ago

We associate red subconsciously as danger because of our biology, if our blood was blue than a stoplight/sign would be blue, red makes us think about what we are looking at, dangerous buttons should be red, brand colors in my opinion should never be red.

Pedro Antúnez's profile picture
Pedro Antúnez11 months ago

*Screams in Industrial Automation*

It’s all by Design's profile picture
It’s all by Design11 months ago

Just don’t make your brand red

jonas's profile picture
jonas11 months ago

Better this

Aaron Matthew Kaiser's profile picture
Aaron Matthew Kaiser11 months ago

Almost all my brands use red and I’ve run into this problem. I think I’ll end up watching this video about 53x to make sure I get it. Haha.

mark belan | science illustrator + info designer's profile picture
mark belan | science illustrator + info designer11 months ago

this isn't really about the color of danger buttons as it is about organizing branding colors...

Swupel e.U.'s profile picture
Swupel e.U.11 months ago

Interesting idea… it kind of seems almost engraved into UI design by now

Dendis's profile picture
Dendis11 months ago

Great advice, thank you

Boompah's profile picture
Boompah11 months ago

yeah... esp. when the brand color is red! Blah.

Breon Williams's profile picture
Breon Williams11 months ago

Love this breakdown! Very helpful

sounddrgenie's profile picture
sounddrgenie11 months ago

UI decisions 🤔

digows's profile picture
digows11 months ago

Yeah) use green for danger

Sofiane Lahlaoui's profile picture
Sofiane Lahlaoui11 months ago

Curious, what’s your keyboard, it looks stunning!

Helder Cervantes's profile picture
Helder Cervantes11 months ago

Uuhh I know that keyboard, you snob 🥰

Abinash Mohanty's profile picture
Abinash Mohanty11 months ago

Unless your primary brand color is red; Airbnb 😅 And yes, dark grey is a great combination to use as a CTA, but what about on the dark theme? Light grey CTA 👀

abegilr's profile picture
abegilr11 months ago

brooo you said exactly what I’m doing in my current project!! they use red as the main color cuz it’s their brand color, so they picked purple for errors but honestly that’s such a waste of a palette option 😩

El Valiente's profile picture
El Valiente11 months ago

Notifications are contextual bruh. Like, since the dawn of time. They stop teaching the obvious in design school.

Leo Largillet's profile picture
Leo Largillet11 months ago

Very true, super cool video!

Amir's profile picture
Amir11 months ago

Post more here on x!

Aileen Villanueva's profile picture
Aileen Villanueva11 months ago

The keyboard 💕

Tim Hartmann's profile picture
Tim Hartmann11 months ago

Really nice explanation and a real-world problem, which every designer can relate to

Yann Birba's profile picture
Yann Birba11 months ago

So what color should I put as danger button ?

Ahmed Nadar's profile picture
Ahmed Nadar11 months ago

Well said Zander. Couldn't agree more. I found introducing tertiary in initial component design is helpful and reduce such conflict like such and separate brand colours from other. Super handy!

Christopherrrrrr's profile picture
Christopherrrrrr11 months ago

Use green!

FLO - CREATIVE BUILDER's profile picture
FLO - CREATIVE BUILDER11 months ago

Hey @zander_supafast i used Red (#EC0000) at this moment for project and it work so well #design

Enner Pérez's profile picture
Enner Pérez11 months ago

No brand should be red. Red = Evil

Anso's profile picture
Anso11 months ago

Thank you. Two years preaching this in the void.

farzi's profile picture
farzi11 months ago

what keyboard is that? ;3

Related Videos