Skip to content

Redesign Citizen's Engagement's SDG sizes and related padding #3117

@phuonguvan

Description

@phuonguvan

Overview

We need to make sure that all text on the site is minimum 16pt, including text on the SDG icons, which will also require padding changes to accommodate.

Details

We need to make sure that the Website and the Figma design match for the Citizen Engagement page, so that the current website has the most up-to-date design decisions and that the Figma file is ready for future iterations.

Action Items

  • Review the screenshots in the Resources section
  • Make a copy of the 16pt version in Figma (has a red line), add a blue line around it, and start working on the new copy
  • Figure out what size the SDG needs to be in order for the text, that is part of the image, to be a minimum of 16pt. See note in resources about how to determine this.
  • Make the SDG icon the new proper size in your Figma draft (in blue)
  • Redesign the padding
  • Review the draft with the design lead

Resources/Instructions

Details

Website

SDG text box width: 280
SDG image is 120x120

Website Screenshot

image
unknown (1)

Figma

SDG text box width: 318
SDG image is 88x88

Figma

image
image

Metadata

Metadata

Assignees

Labels

Complexity: SmallTake this type of issues after the successful merge of your second good first issueP-Feature: Citizen Engagementhttps://www.hackforla.org/citizen-engagementrole: designsize: 1ptCan be done in 4-6 hours

Type

No type

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions