encoraja o agrupamento de propriedades com os mesmos valores em um código CSS;

funciona como guia de estilo que define regras para a base, layout, módulos, estados e temas de todos os elementos de uma página;

defende a criação de objetos reutilizáveis em Javascript para otimizar a interatividade de uma interface;

foca em convenções de nomenclatura de classes para vários elementos HTML, quebrando uma página em múltiplos blocos e elementos;

encoraja a criação de regras CSS reutilizáveis através do uso de componentes independentes de sua localização.