Desenhar Telas para Coletor de Dados

Preciso que seja desenhado as telas para utilizar num coletor de dados que possui 480px x 800px.

Tela de Login (Logo da Empresa, Usuário e Senha)
Tela de Atividade que mostra a próxima atividade que o usuário deve iniciar. (Sigla da Atividade, ex: AR, título, botão para iniciar, informações extras se existir)

Em todas as telas, mostrar ao topo o logo da empresa e o título da tela, como se fosse uma caixa flutuante, e o fundo dividida por 2 cores, a cor de cima será configurada e dinâmica conforme cadastro do cliente, a cor de baixo será a cor da página (#DCDCDC).

Botão para sair do sistema
Botão para abrir o menu
Menu para direcionar as telas

Tela para Atividade de Recebimento (Mostrar a sigla da atividade, o código dela, fornecedor, quantidade de conferências realizadas, opção para mostrar os itens já conferidos e excluir se necessário, opção para mostrar os itens divergências se existir). Realizar a contagem de um item, informando o código de barras, localizando o produto e exibindo dados dele como descrição, código,  norma de paletização, total por pallet, quantidade já conferida, fator de conversão do produto e embalagem. Na contagem, deverá informar o estado do produto se é bom ou danificado, quantidade, lote se obrigatório, data de vencimento se obrigatório, botões para voltar, ok, finalizar.

Teclas de atalhos para acessar as funções em telas.
Tooltips.
Mensagens de sucessos e erros.

Framework utilizado: vue 3 com quasar 2, para ver os componentes acesse https://quasar.dev/components.
Os ícones utilizados no projeto são: https://fonts.google.com/icons

Logos e telas em anexo para auxiliar no entendimento.