amizade

we have 12 columns
(magic number divided by 2, 3, 4, 6) for 12 columns we need 11 margins so if we count margin 3%, then 3% * 11 margins = 33% and if we count width of 1 column 5.5%, than
5.5% * 12 columns = 66% in the end we have 33% + 66% = 99% aaand ???
1% is still here so that's the name - One%

1200px - perfectly fits 1280 screens
12 columns margin 3% / 36px (full-width) col1 5.5% / 66px (full-width)
1000px - perfectly fits 1024 screens
12 columns margin 3% / 30px (full-width) col1 5.5% / 55px (full-width)

Usando o sistema de grade
Antes de falarmos sobre a silhueta do Windows 8, falaremos um pouco sobre o uso do sistema de grade do Windows 8. O sistema de grade é uma ferramenta de design que ajuda a proporcionar unidade visual em aplicativos diferentes, fornecendo ao mesmo tempo uma estrutura para variação e mantendo o interesse do usuário. O sistema de grade é incorporado aos modelos do desenvolvedor e projetamos nossos controles e coleções com o sistema de grade em mente.
A grade é composta por unidades e subunidades. A medida básica é a unidade. Uma unidade é igual a 20 × 20 pixels. Cada unidade é dividida em subunidades de 5 × 5 pixels. Há 16 subunidades por unidade quadrada. A imagem a seguir mostra a grade no canto superior esquerdo de uma tela. A imagem está ampliada para mostrar pixels, subunidades e unidades.

Cabeçalho da página
A base do cabeçalho da página deve ser 5 unidades, ou 100 pixels do topo. A margem esquerda do cabeçalho da página tem 6 unidades, ou 120 pixels. O cabeçalho da página do Windows 8 é o Conjunto Estilístico Segoe UI 20, leve. Para obter mais informações sobre Conjuntos Estilísticos, consulte as diretrizes e lista de verificação para texto e tipografia.
Observação: No Windows 8.1 Update, os usuários podem mover o mouse para a borda superior da tela para revelar uma barra de títulos. Os usuários também podem mover o mouse para a borda inferior da tela para revelar a barra de tarefas da área de