Update Card UI

[hemarina]

No description provided.

[hemarina]

[hemarina]

I'm using number of tags to determine whether we should use + x more tag. Once we review and apply changes on current card style. I'll add width map and use it to determine more tag. Or we could stay with what we have today.

[gkulin]

I will say I personally much prefer the +X more tag!

I did a quick comparison with Austin's design and I noticed a few things to update:

@Austinauth please feel free to correct me if I'm wrong about anything or add in any other feedback you have

[Austinauth]

@gkulin

I will say I personally much prefer the +X more tag!

I did a quick comparison with Austin's design and I noticed a few things to update:

@Austinauth please feel free to correct me if I'm wrong about anything or add in any other feedback you have

This is great, thank you so much for red lining this out! Agree, I like the +x tag as well

[Austinauth]

Hey @hemarina going to start adding my feedback here. Things are getting really close. There are a couple adjustments I'd like to try that were not part of my initial mock-ups. Thank you for understanding!

CTA Card

Please reach out if you have any questions. We may also want to tweak the color of the text, but for now let's make these changes and see how it looks. Will follow up with feedback on the template cards tomorrow.

[Austinauth]

Template Card

Same as with the CTA Card above. I'm sure there will be some minor final adjustments we need to make after implementing these fixes. Please don't hesitate to reach out with questions. I will be out Friday thru Tuesday. No rush on my end.

Updated card design

Updated card design adjustments

Miscellaneous updates

Padding & Spacing

Copy behavior

Useful links

Here are some links you might find useful.

• Fluent 2: Badge component (Tag)
• Fluent 2: Tooltip component