topcoder-platform / mfe-customer-work

3 stars 10 forks source link

Info icons next to visual styles are missing #331

Open ThomasKranitsas opened 2 years ago

ThomasKranitsas commented 2 years ago

Steps

Go to https://platform.topcoder-dev.com/self-service/work/new/website-design/basic-info

Scroll down to STYLE & THEME section

Expected: Should have an Info icon next to visual styles and should show the info on the selected style upon clicking info icon

Actual: Info icon is missing next to visual styles image-20220511-064917

Add the tooltip icon with the following text for each style/theme:

Dark / Saturated

Dark and saturated background colors give a dramatic feel. Used often in entertainment and luxury brand websites.

Light / Airy

Light and airy themes provide a clean and fresh feel. Used often in wellness and e-commerce sites for a calm and sophisticated style.

Fun / Playful

A fun and playful feel is suggested with bright colors and whimsical elements. Many sites geared at consumers for entertainment and children’s products follow this style.

Mature / Serious

Mature and serious subject matter is often represented with straightforward font styling and photographs. Muted colors and clear typography help keep the focus on content being presented.

Simple / Minimalist

Many modern brands use a very simple and minimalist approach to website style. White space is plentiful and the display is kept to few key elements without added decoration.

Vibrant / Colorful

Bold color combinations and engaging visual shapes or images provide a feel of high energy. This style is often used to match a youthful brand or engaging subject matter.

Soft / Organic

Earthy or pale colors and organic shapes are often used in sites wishing to convey a sense of nature and softness.

Bold / Rugged

Bold colors, larger heavy fonts, rough shapes, and outdoor settings are used in sites wanting to convey a solid and masculine feel.

ThomasKranitsas commented 2 years ago

figma https://www.figma.com/file/qPGsxWEg0Cp308bkmL5qcS/Product-Wizards---Platform-UI?node-id=164%3A17822