O documento descreve a estrutura e design de uma interface de sistema, incluindo detalhes sobre dimensões e espaçamentos de elementos como barra de título, menu vertical e rodapé. O layout é ajustável de acordo com a resolução da tela. Além disso, menciona funcionalidades como cadastro e recuperação de senha.

2. •
•
•
•
•
•

3. •
•
•
–
–
–
•
–
–

4. •
•
•
•

9. •
•
•
•

16. •
•
•

20. •
•
•
•
•
•

21. •
•
•

22. •
•
•
•
•

26. •
•
•

28. •
•
•
•
•

29. •
•

31. •
•
•
•

33. •
•
•

35. •
•
•

36. •
•

37. •
•

38. •
•
•

39. •
–
–

40. •

41. •

42. 1 <fieldset class="grupo" id="grupolink">
2 <div class="campo_header">
3 <a href="#">Novo no sistema? CADASTRE-SE!</a>
4 </div>
5 <div class="campo_header">
6 <a href="#">Esqueceu sua senha? CLIQUE AQUI.</a>
7 </div>
8 </fieldset>
• códigos e comandos
•

43. Área Tamanho
Barra de título
Altura: 36px e largura ajustável de acordo com a
resolução.
Menu vetical
Altura: Ajustável de acordo com a resolução e largura
217px.
Tela
Se adequa à resolução de tela. 10 px de padding, para
nada ficar topando nas laterais.
Barra de botões
46px de altura, acomoda botões de 30px, largura
ajustável de acordo com a tela. Padding (espaçamento)
de 8px para todos os lados.
Rodapé
Largura ajustável de acordo com a resolução e 28px de
altura fixa.

44. •

48. •
•
•
•
•

49. •
•

50. •
•
•
•
•
•