search

GSA / px-benefit-finder

1 stars 1 forks source link

Redesign | Mobile Typography #1776

Open fongcindy opened 2 months ago

fongcindy commented 2 months ago

Description

Changes to typography and type scale for mobile. Ernesto will make slight changes from desktop to mobile format

User Story

No response

Acceptance Criteria

No response

ErnestoFernandezAlvarez commented 2 months ago

@fongcindy @gscottqueen

Attached is the Mobile type scale for the Benefit Finder. For now I just added it next the Desktop version on the Hand off to devs page.

Note: all the fonts have been reduced for Mobile, except for the fonts used on CTA's which is 17.6pt for both Desktop and Mobile, therefore all buttons should be used for mobile as well (according to client)

If we need to further tweak the scale when we see it applied to wireframes, I will let you know and update the file accordingly. Group 1205

https://www.figma.com/design/xij2PUZTouE6cco8f1F2Bn/ReDesign-Benefit-Finder?node-id=1033-1171&t=alMBNXy4wVXlA5E2-1

scottqueen-bixal commented 2 months ago

this hasn't been implemented on mobile yet, did I miss an update?

ErnestoFernandezAlvarez commented 2 months ago

Good morning @scottqueen-bixal, last time I checked in with @fongcindy about the mobile typescale, it seemed that it was ready to get implemented, however I don't know how it was prioritized for your area.

I am currently working on the mobile screens and will apply to type scale, I think you are working ahead of me.

This is the link to the file (the files are now under GSA's PX portfolio, they are the admin now): https://www.figma.com/design/3qui91uX0iE4YMNrnx4gzK/ReDesign-Benefit-Finder?node-id=16-2035&t=m7sKURg5ZsauvGTt-1

fongcindy commented 1 month ago

Let's combine this with #1837, Do not close, unless #1837 is closed. Will make sure that the Mobile screens captures mobile typography. @ErnestoFernandezAlvarez