GovLab / styleguide

The GovLab style guide.
http://govlab.github.io/styleguide/
1 stars 3 forks source link

Possibly reduce use of uppercase text-transform #23

Closed toolness closed 8 years ago

toolness commented 8 years ago

The aesthetics of the style guide are really great overall, but the one concern I have is the frequent use of text-transform: uppercase:

2015-12-15_6-12-13

Obviously not all pages are going to look like that, but that particular screenshot does seem rather "shouty".

We should also make sure not to use text-transform: uppercase on text fields; here's a concern from an early email exchange on the Network of Innovators form styling:

For instance, a user could mis-type their name as "JOhn" but not realize that there is a typo until they see the mixed-case version of their name elsewhere on the site.

claudioccm commented 8 years ago

I disagree with the "shouty" aspect, since the uppercases are being carefully used in a way to not be too heavy (visually).

Regarding the form, that's already a lesson learned. Hehe. Be sure we won't have that.