Improve visual hierarchy of new embed feature

[RobinHood]

The new embeds are quite cool, but I find it difficult to read them. They seem to lack any kind of visual hierarchy to help the user easily scan them and understand how they're laid out and what's the actual content, what's the header, what's footer etc. It's just a plain white box.

This can be an issue for both large embeds and smaller embeds.

Please consider styling both the header and footer to give some degree of design separation, which will then more easily allow users to scan to and focus on the content of the embed itself.

eg.

Current unstyled:



Example of how it could be styled to add some hierarchy:

 

[Starbucks]

I agree. It’s quite confusing. The example you made is pretty good alternative.

 

[Mr Lucky]

Comparing with unfurl. It does at least have a more useful description. I wonder if there is control over that?

Duplicate account check

Sep 11, 2018

Checks new registrations for duplicate accounts.

• AndyB
• Add-ons [2.x]

or

Duplicate account check

Premium upgrade: This XF2 add-on along with the entire collection can be purchased for $35.00 USD. Your Premium upgrade will allow you to download as many XF2 add-ons as you like for one year. Please see the entire collection located in the...

xenforo.com

 

[RobinHood]

The blue from the current unfurl would probably look better than the gray I used in my 2 minute mockup. Would give it a bit more differentiation from the gray postbit and site background, but then retaining a white background for the content of the embed itself.

 

[Mr Lucky]

The blue from the current unfurl would probably look better than the gray

I agree, but don't forget it is a variable so in many (or most) cases we will all see whatever we have set for the variable var(--xf-contentHighlightBg)

In my case it will be a tasteful beige.