Design e Layout

[ericklborges]

• [x] Cores
• [x] Fontes
• [x] Componentes
• [x] Loading
• [x] Tela de Fatos
• [x] Tela de Pesquisa
• [x] Erro da API
• [x] Erro de Estado Vazio
• [x] Erro de Conexão

[ericklborges]

🎨 Cores

Texto

• Text.primary: UIColor(red: 0, green: 0, blue: 0, alpha: 1)
• Text.secondary: UIColor(red: 116/255, green: 116/255, blue: 116/255, alpha: 1)
• Text.highlight: UIColor(red: 255/255 , green: 255/255, blue: 255/255, alpha: 1)

Background

• Background.main: UIColor(red: 255/255 , green: 255/255, blue: 255/255, alpha: 1)
• Background.separator: UIColor(red: 198/255 , green: 198/255, blue: 200/255, alpha: 1)
• Background.sectionHeader: UIColor(red: 10/255 , green: 116/255, blue: 255/255, alpha: 1)
• Background.sectionHighlight: UIColor(red: 242/255 , green: 242/255, blue: 247/255, alpha: 1)

Sombra

• Shadow.10: UIColor(red: 0, green: 0, blue: 0, alpha: 0.1)

[ericklborges]

📝 Fontes

• title: .systemFont(ofSize: 24, weight: .semibold)
• highlight: .systemFont(ofSize: 20, weight: .semibold)
• header: .systemFont(ofSize: 17, weight: .bold)
• body: .systemFont(ofSize: 17, weight: .regular)
• caption: .systemFont(ofSize: 12, weight: .bold)

[ericklborges]

🧩 Componentes

• TagView: Tag de categorias
• FactView: Card com o fato, categoria e botão de compartilhar
• SectionHeaderView: View do heeader da collection
• PastSuggestionView: Item da collection com label e imagem que sugere toque

Componentes.pdf

[ericklborges]

📱 Telas

Telas.pdf