AI Content Chat (Beta) logo

MicrMicrosoosofft visual identity guidelinest visual identity guidelines Putting it all together 60 Grid with a horizontal defining dimension Grid with a vertical defining dimension Step 2: Define your base grid page heightunit = 1/5 obase grid columns or rows and unit = 1/4 of X X page width the base grid unit f X X r Divide the height into the smallest number o Choose the width or height of your layout ows needed for the composition (max 12) (usually the larger of the two, but not always) as your defining dimension. Divide that dimension into the minimum number of columns or rows needed for the composition (maximum of 13). Use this dimension (“X” in the diagrams at right) Divide the width into the smallest number of to create a square in one corner of your layout. columns needed for the composition (max 12) This is the base grid unit from which you will derive the rest of your grid elements. f

Microsoft Brand Book - Page 63 Microsoft Brand Book Page 62 Page 64