Lullabot / lb-ebook-poc

ISC License
0 stars 0 forks source link

Design QA Notes - Ebook Cover #53

Closed jponch closed 2 months ago

jponch commented 2 months ago

@huntermacd Most of the issues I'm seeing on the cover are small refinements to spacing and layout. I'll do my best to describe things here, but I've also produced an annotated version of the designs in case that's easier to parse.

One note regarding the spacing system (in case it's useful for creating CSS variables for re-use) is that the entire spacing system is based on an 8px/pt system. This means that all the spacing units should be a multiple of 8 (e.g., 8px, 16px, 24px, 32px, etc.). This applies to all the vertical spacing, and also to the line-heights for typography (for vertical rhythm). The type styles used are the same ones used within our lullabot.com design system (we're just not using a small subset of them within the Ebook design).

For larger viewports (basically viewports wide enough to have the "Get Started" button move to the right of the subtitle text)

Ebook Cover Notes@2x