Maintaining 4/8px consistency with odd elements.

almost 2 years ago from Anmol Bahl, UX Designer - Feminist | Say hi@anmolbahl.com

  • Domas MarkeviciusDomas Markevicius, almost 2 years ago

    Hi, Anmol,

    In company I work, we have a rule to land odd shapes on top of the grid-line. This way designed content preserves 6px grid structure (in our case we use 6px grid). Spacing between top and bottom becomes uneven, but it lets us easer track visual bugs.

    This rule applies only when working in graphic editors like Sketch. Actual React components have defined margins by power of 6.

    0 points