# Personalize sua página de status

Source: https://instatus.com/help/pt-br/status-page/customize

Você pode mudar o logo, as cores, o design do cabeçalho, o modo escuro, o idioma, os formatos de data e a prévia nas redes sociais da sua página de status, além de adicionar HTML, CSS e JavaScript personalizados, tudo nas configurações de **Página de status**.

| At a glance | Details |
| :-- | :-- |
| [Marca](https://instatus.com/help/pt-br/status-page/customize#como-adiciono-meu-logo-e-minhas-cores) | Logo, logo do modo escuro, favicon, cores da marca e status |
| [Design](https://instatus.com/help/pt-br/status-page/customize#como-mudo-o-design-ou-o-modo-escuro) | 3 designs de cabeçalho, modo escuro ou claro, layout |
| [Código próprio](https://instatus.com/help/pt-br/status-page/customize#posso-adicionar-html-css-ou-javascript-personalizados) | HTML, CSS e JavaScript em 5 áreas |
| [Idioma](https://instatus.com/help/pt-br/status-page/customize#como-mudo-o-idioma-da-minha-página-de-status) | Idioma padrão, vários idiomas no Pro |
| [Linha do tempo](https://instatus.com/help/pt-br/status-page/customize#como-mudo-os-formatos-de-data-hora-e-fuso-horário) | Formatos de data e hora, fuso horário, data de início |
| [Busca e redes sociais](https://instatus.com/help/pt-br/status-page/customize#como-controlo-a-prévia-no-google-e-nas-redes-sociais) | Título, descrição e imagem das prévias |

## Como adiciono meu logo e minhas cores?

Entre em [instatus.com/login](https://dashboard.instatus.com/login), escolha sua página de status e vá em **Página de status → Aparência**.

Na seção da marca você pode mudar:

- O logo da marca, incluindo um logo separado para o modo escuro.
- O favicon.
- A cor da marca, para combinar com seu logo.
- As cores dos status.

Depois de personalizar sua página de status, clique em **SALVAR** e a página é atualizada.

![Configurações de marca](https://instatus.com/help/customize/1.png)

## Como mudo o design ou o modo escuro?

Na seção de design de **Aparência** você pode mudar:

- O design do cabeçalho, escolhendo entre nossos 3 designs.
- Se sua página de status aparece no modo escuro, no modo claro ou com um botão para alternar.
- Como seus componentes aparecem.

Depois de mudar o design, clique em **SALVAR** e a página é atualizada.

![Configurações de design](https://instatus.com/help/customize/2.png)

## Posso adicionar HTML, CSS ou JavaScript personalizados?

Sim. Em **Página de status → HTML** você pode inserir seu próprio HTML, CSS e JavaScript em cinco áreas:

- Acima do cabeçalho da sua página de status.
- Abaixo do cabeçalho.
- Abaixo dos componentes da sua página de status.
- Acima do rodapé da página de status.
- Abaixo do rodapé.

Depois de adicionar seu HTML, clique em **SALVAR** e a página é atualizada.

![Configurações de HTML personalizado](https://instatus.com/help/customize/3.png)

## Como mudo o idioma da minha página de status?

Em **Página de status → Idioma** você pode mudar:

- O idioma padrão da sua página de status.

**Recursos do plano Pro:**

- Uma página de status em vários idiomas.
- Usar seu próprio idioma personalizado.

Você encontra um guia passo a passo para configurar vários idiomas no nosso artigo
[Suporte a vários idiomas](https://instatus.com/help/pt-br/status-page/multi-language).

![Configurações de idioma](https://instatus.com/help/customize/4.png)

Depois de mudar o idioma da sua página de status, clique em **SALVAR** e a página é atualizada.

## Como mudo os formatos de data, hora e fuso horário?

Em **Página de status → Linha do tempo** você pode mudar:

- Os formatos de data e hora; [saiba mais sobre formatos de data e hora aqui](https://date-fns.org/v2.16.1/docs/format).
- O fuso horário.
- A data de início do serviço.

Depois de mudar a data e a hora da sua página de status, clique em **SALVAR** e a página é atualizada.

![Configurações de formato de data e hora](https://instatus.com/help/customize/5.png)

## Como controlo a prévia no Google e nas redes sociais?

Em **Página de status → Busca e redes sociais** você define:

- Mudar seu título.
- Adicionar uma descrição própria para o Google e as redes sociais.
- Enviar uma imagem.

Depois de ajustar as configurações de busca e redes sociais, clique em **SALVAR** para aplicar as mudanças.

![Configurações de busca e redes sociais](https://instatus.com/help/customize/6.png)

- [Suporte a vários idiomas](https://instatus.com/help/pt-br/status-page/multi-language): Aprenda a oferecer sua página de status em vários idiomas.