fix(quick-links): update patterns and add Brand theme tokens

[proeung]

Issue

Fixes - https://jira.sdlc.merative.com/browse/MERATIVE-881

Description

Changed

• This PR is a follow-up to https://github.com/hlxsites/merative2/pull/318
• Adds the updated SVG patterns for the super 6 solutions
  • https://merative.monday.com/boards/2935441974/pulses/5052818879/posts/2379295805
• Adds theme variable tokens for the brand for code consolidation and maintainability

Design Specs

• Figma Link - No design specs

Preview Links

Curam

• Before (Changes from main): https://main--merative2--hlxsites.hlx.page/quick-links/curam
• After (Changes from this PR): https://fix-quick-links-themes--merative2--proeung.hlx.page/quick-links/curam

Health Insights

• Before (Changes from main): https://main--merative2--hlxsites.hlx.page/quick-links/health-insights
• After (Changes from this PR): https://fix-quick-links-themes--merative2--proeung.hlx.page/quick-links/health-insights

MarketScan

• Before (Changes from main): https://main--merative2--hlxsites.hlx.page/quick-links/marketscan
• After (Changes from this PR): https://fix-quick-links-themes--merative2--proeung.hlx.page/quick-links/marketscan

Merge

• Before (Changes from main): https://main--merative2--hlxsites.hlx.page/quick-links/merge
• After (Changes from this PR): https://fix-quick-links-themes--merative2--proeung.hlx.page/quick-links/merge

Micromedex

• Before (Changes from main): https://main--merative2--hlxsites.hlx.page/quick-links/micromedex
• After (Changes from this PR): https://fix-quick-links-themes--merative2--proeung.hlx.page/quick-links/micromedex

Zelta

• Before (Changes from main): https://main--merative2--hlxsites.hlx.page/quick-links/zelta
• After (Changes from this PR): https://fix-quick-links-themes--merative2--proeung.hlx.page/quick-links/zelta

Testing Instruction

• Visit the preview links above and ensure that CTA button color and patterns are rendering correctly.

[aem-code-sync[bot]]

Hello, I'm Franklin Bot and I will run some test suites that validate the page speed. In case there are problems, just click the checkbox below to rerun the respective action.

• [ ] Re-run PSI Checks

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/quick-links/curam
/quick-links/health-insights
/quick-links/marketscan
/quick-links/merge
/quick-links/micromedex
/quick-links/zelta

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/quick-links/curam
/quick-links/health-insights
/quick-links/marketscan
/quick-links/merge
/quick-links/micromedex
/quick-links/zelta

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/quick-links/curam
/quick-links/health-insights
/quick-links/marketscan
/quick-links/merge
/quick-links/micromedex
/quick-links/zelta

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/quick-links/curam
/quick-links/health-insights
/quick-links/marketscan
/quick-links/merge
/quick-links/micromedex
/quick-links/zelta

[aavilamer]

@proeung

my edits are shown in figma:https://www.figma.com/file/CWDZ0bP3Kzi0IFkVQ5yq10/Quicklines-edits-sketch-sep6?type=design&node-id=0%3A1&mode=design&t=qzAUUNkagO1aj6ne-1

1. make link text carbon on default (keep hover the same as white, invese)
2. add button to social to link to contact us form
3. edit the patterns on all. Merge & HI will be 2 rows tall, the others will be 3 rows tall. OK if the pattern gets taller to fix proportionately on frame.

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/quick-links/curam
/quick-links/health-insights
/quick-links/marketscan
/quick-links/merge
/quick-links/micromedex
/quick-links/zelta

[proeung]

@aavilamer I just pushed up a commit that should address all of your feedback. Please take a look again.

@keith-kaplan Can you take a look as well? Thanks!

[aavilamer]

@proeung oh right, we need to mock up the Terms links. Can you take a pass at that sometime next week?

[proeung]

@aavilamer Yep! The Terms links can be added in a follow-up ticket/PR. I'll work on that next week. In the meantime, do you think these changes are good to go? This PR includes all of the exported patterns and theme brand colors for all of the super six.

[aavilamer]

Yes this one is good to go. Patterns are corrected. Thanks

From: Putra Bonaccorsi @.> Date: Wednesday, September 13, 2023 at 5:52 PM To: hlxsites/merative2 @.> Cc: ANNMARIE AVILA @.>, Mention @.> Subject: [EXTERNAL] Re: [hlxsites/merative2] fix(quick-links): update patterns and add Brand theme tokens (PR #327) ALERT: This Message Came From External Sender, Please Avoid Clicking Any Links or Opening Attachments If The Sender Is Unknown.

@aavilamerhttps://github.com/aavilamer Yep! The Terms links can be added in a follow-up ticket/PR. I'll work on that next week. In the meantime, do you think these changes are good to go? This PR includes all of the exported patterns and theme brand colors for all of the super six.

— Reply to this email directly, view it on GitHubhttps://github.com/hlxsites/merative2/pull/327#issuecomment-1717898863, or unsubscribehttps://github.com/notifications/unsubscribe-auth/A32Z3NCSNM2FMNGRBXISWRTX2HJFBANCNFSM6AAAAAA4H3ORDA. You are receiving this because you were mentioned.Message ID: @.***>

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/quick-links/curam
/quick-links/health-insights
/quick-links/marketscan
/quick-links/merge
/quick-links/micromedex
/quick-links/zelta