# Prototipagem

# Protótipos

### **Telas**

#### **Autenticação:[![Login.png](https://bookstack.ljit.com.br/uploads/images/gallery/2025-05/scaled-1680-/Gy2UpAQYVmWcWikg-login.png)](https://bookstack.ljit.com.br/uploads/images/gallery/2025-05/Gy2UpAQYVmWcWikg-login.png)**

**[![Recuperar Senha.png](https://bookstack.ljit.com.br/uploads/images/gallery/2025-05/scaled-1680-/cMvxvESSn1S0TRvU-recuperar-senha.png)](https://bookstack.ljit.com.br/uploads/images/gallery/2025-05/cMvxvESSn1S0TRvU-recuperar-senha.png)**

#### **Tela Inicial - Pontista:**

**[![Tela Inicial Pontista.png](https://bookstack.ljit.com.br/uploads/images/gallery/2025-05/scaled-1680-/95fFHQhaoexCNCKD-tela-inicial-pontista.png)](https://bookstack.ljit.com.br/uploads/images/gallery/2025-05/95fFHQhaoexCNCKD-tela-inicial-pontista.png)**

### **Flows**

#### **Login | Recuperar Senha > Marcar Ponto:**

**<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="allowfullscreen" class=" align-center" frameborder="0" height="658" src="https://www.youtube.com/embed/D0PqlY1xL2s" style="width: 699px; height: 658px;" title="Protótipo 02" width="699"></iframe>**

### **Outros**

#### **Trocar a "cor tema":**

**<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="allowfullscreen" frameborder="0" height="659" src="https://www.youtube.com/embed/UQ9CeFkRVzU" style="width: 700px; height: 659px;" title="Trocar a "cor tema"" width="700"></iframe>**

# Inspirações

#### Bento Box UI

[Inspiração 1](https://www.figma.com/design/Yj4Tp4Jr3NaWG9hbzyCeJV/Admin-Panel--Internal-Management-Tool--Community-?node-id=0-1&amp;t=e3X8WaZv8N66Shpq-1)  
[![My details.png](https://bookstack.ljit.com.br/uploads/images/gallery/2025-05/scaled-1680-/hBcN1etMYHL30Tdj-my-details.png)](https://bookstack.ljit.com.br/uploads/images/gallery/2025-05/hBcN1etMYHL30Tdj-my-details.png)

#### Glassmorphism + Dark Mode + Minimalist UI

Inspiração 2

O Glassmorphism juntamente com o Dark mode apresenta um bom contraste para deixar os botões e funcionalidades bem visíveis, e juntamente com o modelo Minimalista, evita a poluição visual, facilitando a navegação. Recomendado utilizar juntamento com o modelo Bento UI, pois a conciliação dessas informações dividas em "blocos" melhora ainda mais a praticidade da interfáce.

[![examplee.webp](https://bookstack.ljit.com.br/uploads/images/gallery/2025-05/scaled-1680-/PAZLm08ze4DzFr10-examplee.webp)](https://bookstack.ljit.com.br/uploads/images/gallery/2025-05/PAZLm08ze4DzFr10-examplee.webp)

###