W S Planner Layout - Copy this Angular, Css Component to your project

Preciso criar um sistema com uma barra superior onde vai ter a logo e o nome do sistema que é WSPlanner, nessa barra superior quero um ícone para abrir uma barra lateral com o menu do sistema, o menu terá as opções: Dashboard, Perfil, Grupos, Hinos e Escalas, cada item do menu deverá ter um ícone que será uma imagem personalizada, ao clicar em um dos itens será direcionado para o CRUD do mesmo, onde inicialmente será apresentado uma lista dos itens cadastrados com uma busca por nome, haverá também um botão para direcionar para o cadastro, cada tela tem Id e Nome para ser cadastrado, para esse site gostaria de usar a seguinte paleta de cores: #edafb8, #f7e1d7, #dedbd2, #b0c4b1, #4a5759