Skip to content

Add the the template card to the Card Component in the Design system #1107

Closed
@natdink

Description

@natdink
Contributor

Problem (Why)

We now have an alternate card format for our template cards. Let's go ahead and add this to our design system in Figma as a VARIANT called "Template card."

Please make a branch and call it "Template card" and then in the card component page, add a variant that matches VV's design. Please check that the card uses autolayout, the 8px scale, and the appropriate components from our design system.

Impact (Who)

Designers/Developers

Existing

https://www.figma.com/design/BOSuHD3Egvd3SuMsUAu5fX/Landing-Page-and-App-Details?node-id=5333-40763&t=JhfD6yKIAgcwbT8U-1
Image

Requirements (What)

What are more specific requirements that needs to take to consider this issue resolved.

  • Create branch
    Add variant card "Template card"
    Check card setup to ensure it aligns with our properties
    Work on a dark mode version (nice to have)

Activity

added theissue type on May 12, 2025
natdink

natdink commented on May 13, 2025

@natdink
ContributorAuthor

Left you a few comments to address - once you have updated dark mode active state pls make the hover state as well.

natdink

natdink commented on May 15, 2025

@natdink
ContributorAuthor

As mentioned on today's call, please work on the hover state in dark mode!

Pooja-1801

Pooja-1801 commented on May 16, 2025

@Pooja-1801

Created two variation for For Hover state.

Image

Updated the Hover effect card in Dark mode.

Variation 1

Image

Variation 2

Image

Variation 3

Image

Pooja-1801

Pooja-1801 commented on May 19, 2025

@Pooja-1801

As discussed in the call with Betty, I’ll be working on adding the card component to the dark mode design page to evaluate the best option for the card view hover effect.

Image

bfekadu21

bfekadu21 commented on May 22, 2025

@bfekadu21

@Pooja-1801 Provided feedback in Figma!

bfekadu21

bfekadu21 commented on May 27, 2025

@bfekadu21

@Pooja-1801 Can you mock up a wireframe of a template card in hover state in light mode? You started this but the card is still in dark mode.

Pooja-1801

Pooja-1801 commented on May 29, 2025

@Pooja-1801

Updated the Hover effect card in light mode.

Variation 1

Image

Variation 2

Image

Variation 3

Image

bfekadu21

bfekadu21 commented on Jun 2, 2025

@bfekadu21

@Pooja-1801 lets move forward with V3. Can you clean up the file so we can get ready to merge and close out the ticket?

Pooja-1801

Pooja-1801 commented on Jun 3, 2025

@Pooja-1801

@bfekadu21 Updated the V3 hover effect in design

bfekadu21

bfekadu21 commented on Jun 17, 2025

@bfekadu21

@Pooja-1801 No other feedback from me! Merged into the design system and closing ticket

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

    Development

    No branches or pull requests

      Participants

      @natdink@ehynd@Pooja-1801@bfekadu21

      Issue actions

        Add the the template card to the Card Component in the Design system · Issue #1107 · SEMOSS/semoss-ui