# Header O cabeçalho de um site de documentação ou institucional: a marca, as áreas e as ferramentas. No mobile, as áreas e as escolhas vão para o Menu. ## Playground ```html

``` ## Quando usar - No topo de um site com poucas áreas grandes: a documentação, uma página de produto. ## Quando não usar - **Numa tela de trabalho de um produto:** o cabeçalho do AppShell, com a navegação no Drawer. ## Exemplos ### Na tela larga A marca, as áreas (a atual em papel colocado) e as ferramentas: Buscar, idioma, dia e noite e o GitHub. O cabeçalho desta página é um. Mostrar código ```html ``` ### No mobile A marca, o Buscar e o Menu. Ao rolar para baixo, o cabeçalho sai; ao rolar para cima, volta. Mostrar código ```html ``` ## Anatomia 1. **Marca:** o símbolo e o nome, levando ao início. 2. **Ferramentas:** Buscar, idioma, dia e noite, GitHub; no mobile, o Menu. 3. **Áreas:** as seções grandes do site; a atual em papel colocado. ## Acessibilidade - As áreas num `