Login page mobile design

UcDust commented 2 weeks ago

The login page layout doesn't consistently scale nicely with different device sizes/orientations.

Also should the tagline on the login page match the home page tagline above the search input?

UcDust commented 2 weeks ago

@wrenaria if you'd like to weigh in on the tagline, or with considerations for the layout, please use this issue.

UcDust commented 2 weeks ago

Comments from a slack conversation earlier today:

The icon is sized incorrectly. It should be 150px on desktop and as soon as you break to mobile sizes drop to 100px. This is reflected in the figma design.
The text looks to be implemented incorrectly. I try to mostly stick to campus sizing rules for choosing text sizes (and usually call it out if it anomalous) and thus you should follow UC Davis Pattern Lab or reference the library website for implementation on scale. For example, the white text is using H2 heading sizes at — Desktop: 2.0995rem font size with 1.2 line-height. Mobile: 1.6055rem size with 1.2 line-height — Right now, the dev tools is showing me that the line-height is “2.9925rem” but it should be simply “1.2".

ucd-library / aggie-experts