hackforla / hackforla/website

Update Donate page in Figma to reflect changes on site

Open
#4,051 14 comments 0 reactions 0 assignees View on GitHub
Feature: Design system good first issue HLC: C P-Feature: Donate role: design size: 0.25pt
Dominant language
JavaScript
Stars
363
Forks
872
Avg merge
2d 21h
Merged PRs (30d)
18

Description

### Overview
The Figma design file for the for the HackforLA donate page is not updated to reflect the current site. The current site has a dark blue gif which was not communicated to design.

#### Details
Currently, the Figma Design (see resources) for the donate page has light blue colors on the donate gif:

Figma Current design

![Screenshot 2023-04-02 121621](https://user-images.githubusercontent.com/110365985/229368469-13914601-981c-4fc5-892c-33c3f57df4b0.png)

Light blue box used in current Figma mockup

![Light Blue2](https://user-images.githubusercontent.com/110365985/222978801-2476861e-7b0f-43b4-ac9f-737ebd2be01e.jpg)

But it should look like this with dark blue colors:

Dark Blue donation box, currently on the website & that we want to keep

![Dark Blue](https://user-images.githubusercontent.com/110365985/222977580-54b01a91-9f1c-42dd-8765-aed061b9d9b4.jpg)

### Action Items
- [ ] Revise the Figma file to match the colors in the dark blue gif

### Resources/Instructions
- Dark blue donation box image URL: https://www.hackforla.org/assets/images/about/hfla-donate.gif
- [Figma design, Donation page, Mobile](https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=24579%3A285100&t=mm8VLUVgXHzrUo9z-0)
- [Hack4LA Design System](https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=3464%3A3)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.