creative icon indicating copy to clipboard operation
creative copied to clipboard

2021 Gitcoin Design Component Library

Open PixelantDesign opened this issue 5 years ago • 1 comments

User Story

As an operator of Gitcoin, we would like to ensure a cohesive, consistent experience and ensure all contributions meet brand guidelines.

As a design contributor contributing to Gitcoin, I'd like to have a template to work from so that I can stay consistent with the Gitcoin Brand guidelines.

As a developer implementing designs, I'd like to have a source of truth for reference on the css and html components so that I can easily/quickly copy and paste the styles from Figma into what I'm developing to maintain brand standards.

Why Is this Needed

The original design components were designed in sketch and could use an update given how the brand has evolved.

Description

Create a source of truth for Gitcoin design across marketing and product

Definition of Done

  • [ ] Create a figma component library based off of updated Gitcoin Brand Guide
  • [ ] Review with Gitcoin Design team members
  • [ ] Review with Gitcoin Engineering
  • [ ] Update Creative Repo Guide

Metric

  • Brand consistency - User trust/satisfaction increases
  • Design resource time saved
  • Engineering resource time saved

PixelantDesign avatar Nov 11 '20 14:11 PixelantDesign

Tracking the work here

https://www.figma.com/file/HBbn2cC1hlJElMumUA8jSn/Gitcoin-Design-System-WIP?node-id=14%3A60

PixelantDesign avatar Jan 19 '21 18:01 PixelantDesign