Skip to content

Proposed color and header improvements

Marvin S. Addison requested to merge colors into master

Many of the changes here were inspired by Little UI Details and further design work on the lower bound of screen size (320px). Summary of changes:

  • Express all colors in HSL to facilitate creating hues, shades, and gradients
  • Reduce maroon in header by moving it to the top per "Adding a hint of color (4 to 6px) to the top of your hero is a simple trick to bring more liveliness to your design."
  • Reduce size of header at smallest screen sizes (somewhat related to decision to nix maroon background in application title).
  • Define breakpoints to reduce size of enormous display headings on small screens.

Merge request reports