Select Language

EN

Select Language

EN

Fallback for Transparent Avatars 1

Fallback for Transparent Avatars 1

Back to List

Back to List

Back to List

Back to List

Fallback for Transparent Avatars 1

Many platforms (like Twitter) allow PNG avatars that can cause UI inconsistencies

To avoid this problem add a subtle border and background color to the avatar that is the same as the app's background.

‹ Align Uneven Elements

Fallback for Transparent Avatars 2 ›

More to explore

More to explore

More to explore

Fallback for Transparent Avatars 2

Fallback for Transparent Avatars 2

Round images usually look weird when they're included in a card with a small border-radius.

Fallback for Transparent Avatars 2

Fallback for Transparent Avatars 2

Round images usually look weird when they're included in a card with a small border-radius.

Fallback for Transparent Avatars 2

Fallback for Transparent Avatars 2

Round images usually look weird when they're included in a card with a small border-radius.

Consistent Border-Radius

Consistent Border-Radius

Round images usually look weird when they're included in a card with a small border-radius.

Consistent Border-Radius

Consistent Border-Radius

Round images usually look weird when they're included in a card with a small border-radius.

Consistent Border-Radius

Consistent Border-Radius

Round images usually look weird when they're included in a card with a small border-radius.

How to Apply the Brand Color

Colors are a core element for any user interface. One of the most common mistakes in UI design is the over usage of the brand color.

How to Apply the Brand Color

Colors are a core element for any user interface. One of the most common mistakes in UI design is the over usage of the brand color.

How to Apply the Brand Color

Colors are a core element for any user interface. One of the most common mistakes in UI design is the over usage of the brand color.

Create a free website with Framer, the website builder loved by startups, designers and agencies.