App Flow v3.0 — plataformas

1. Common 6

1.1 Splash / cold-start
Logo · CrtIntro · AppBackdrop

1.2 Erro + retryestado
EmptyState · Button

1.3 Offline (rede)estado
EmptyState · Button

1.4 Vazio (genérico)estado
EmptyState

1.5 404 não encontradoestado
EmptyState · Button · Logo

1.6 Sessão expirada (re-auth)estado
Modal · Input · Button

2. Auth 8

2.2 Onboarding
Carousel · Button · Logo

2.3 Login
GlassCard · Logo · Input · Button

2.4 Cadastro
GlassCard · Logo · Input · Button · Check

2.5 Esqueci a senha
GlassCard · Input · Button · Logo

2.6 Redefinir senha
GlassCard · Input · Button

2.7 Erro de autenticaçãoestado
GlassCard · EmptyState · Button

2.8 Nomear dispositivo
GlassCard · Input · Button · Chip

2.9 Gerar código (app)
GlassCard · Button · MetadataRow

3. Home 5

3.1 Home
Carousel · Row · PosterCard

3.2 Em alta / TiCs
Row · PosterCard · Badge

3.3 Modo kids
HeroBanner · Row · PosterCard · Avatar

3.4 Catálogo vazioestado
EmptyState

3.5 Home (carregando)estado
Skeleton

4. Search 4

4.1 Busca (central)
SearchInput · PosterCard · Chip · CrtSkeleton

4.2 Filtros de busca (sheet)
Sheet · Chip · Select · ToggleTab

4.3 Busca vaziaestado
SearchInput · EmptyState

4.4 Busca (carregando)estado
Skeleton

5. Watch 8

5.1 Detalhe do título
HeroBanner · EpisodeList · MetadataRow · ShowActions · Button

5.2 Pré-play (loading)estado
GlassCard · Spinner · Logo

5.3 Reproduzindo
Player · ProgressBar · IconButton

5.4 Preferências (sheet)
Sheet · KeyboardHints · Select · ToggleTab

5.5 Erro de player + retryestado
EmptyState · Button

5.6 Próximo / anterior ep.
EpisodeList · Button · PosterCard

5.7 Detalhe (carregando)estado
Skeleton

5.8 Informações do título
Sheet · MetadataRow · Badge

6. Library 6

6.1 Continuar / Histórico
Row · PosterCard · ProgressBar

6.2 Histórico vazioestado
EmptyState · Button

6.3 Favoritos
PosterCard · Badge · Row

6.4 Favoritos vazioestado
EmptyState · Button

6.5 Continuar (carregando)estado
Skeleton

6.6 Favoritos (carregando)estado
Skeleton

7. Profile 7

7.1 Seleção de perfil
Avatar · Button

7.2 Criar perfil
GenderPills · Switch · AvatarPicker · Input · Button

7.3 Escolher avatar
AvatarPicker · Avatar · Button

7.4 Gerenciar perfis
Avatar · IconButton · Button

7.5 Ações do perfil
Sheet · Icon · Button

7.6 Perfis vazioestado
EmptyState · Button

7.7 Perfis (carregando)estado
Skeleton

8. Account 8

8.1 Conta
GlassCard · MetadataRow · Button

8.2 Alterar e-mail (1/2)
GlassCard · Input · Button

8.2b Confirmar e-mail (2/2)
GlassCard · Input · Button

8.3 Alterar senha
GlassCard · Input · Button

8.4 Sessões ativas
GlassCard · IconButton · Button · MetadataRow

8.5 Excluir conta
Modal · Input · Button

8.6 Drawer / menu
Sheet · Avatar · Divider · NavBar

8.7 Conta (carregando)estado
Skeleton

9. Subscription 5

9.1 Gated (assine na web)
Modal · Button

9.2 Portal de assinatura
GlassCard · Button · MetadataRow

9.3 Banner de statusestado
Toast · Badge · Button

9.4 Limite de telas (1/2)
Modal · EmptyState · Button

9.5 Parar outra tela (2/2)
GlassCard · Button · MetadataRow

10. Preferences 2

10.1 Preferências
Switch · Select · ToggleTab

10.2 Acessibilidade
Switch · Select

11. Help 3

11.1 Ajuda / FAQ
Accordion · SearchInput

11.2 Sobre
GlassCard · Logo · MetadataRow

11.3 Privacidade
GlassCard · Accordion

1. Common 6

1.1 Splash / cold-start
Logo · CrtIntro · AppBackdrop

1.2 Erro + retryestado
EmptyState · Button

1.3 Offline (rede)estado
EmptyState · Button

1.4 Vazio (genérico)estado
EmptyState

1.5 404 não encontradoestado
EmptyState · Button · Logo

1.6 Sessão expirada (re-auth)estado
Modal · Input · Button

2. Auth 7

2.1 Landing
HeroBanner · Carousel · PlanCard · Testimonial · Footer · Button

2.2 Onboarding
Carousel · Button · Logo

2.3 Login
GlassCard · Logo · Input · Button

2.4 Cadastro
GlassCard · Logo · Input · Button · Check

2.5 Esqueci a senha
GlassCard · Input · Button · Logo

2.6 Redefinir senha
GlassCard · Input · Button

2.7 Erro de autenticaçãoestado
GlassCard · EmptyState · Button

3. Home 5

3.1 Home
Carousel · Row · PosterCard

3.2 Em alta / TiCs
Row · PosterCard · Badge

3.3 Modo kids
HeroBanner · Row · PosterCard · Avatar

3.4 Catálogo vazioestado
EmptyState

3.5 Home (carregando)estado
Skeleton

4. Search 4

4.1 Busca (central)
SearchInput · PosterCard · Chip · CrtSkeleton

4.2 Filtros de busca (sheet)
Sheet · Chip · Select · ToggleTab

4.3 Busca vaziaestado
SearchInput · EmptyState

4.4 Busca (carregando)estado
Skeleton

5. Watch 8

5.1 Detalhe do título
HeroBanner · EpisodeList · MetadataRow · ShowActions · Button

5.2 Pré-play (loading)estado
GlassCard · Spinner · Logo

5.3 Reproduzindo
Player · ProgressBar · IconButton

5.4 Preferências (sheet)
Sheet · KeyboardHints · Select · ToggleTab

5.5 Erro de player + retryestado
EmptyState · Button

5.6 Próximo / anterior ep.
EpisodeList · Button · PosterCard

5.7 Detalhe (carregando)estado
Skeleton

5.8 Informações do título
Sheet · MetadataRow · Badge

6. Library 6

6.1 Continuar / Histórico
Row · PosterCard · ProgressBar

6.2 Histórico vazioestado
EmptyState · Button

6.3 Favoritos
PosterCard · Badge · Row

6.4 Favoritos vazioestado
EmptyState · Button

6.5 Continuar (carregando)estado
Skeleton

6.6 Favoritos (carregando)estado
Skeleton

7. Profile 7

7.1 Seleção de perfil
Avatar · Button

7.2 Criar perfil
GenderPills · Switch · AvatarPicker · Input · Button

7.3 Escolher avatar
AvatarPicker · Avatar · Button

7.4 Gerenciar perfis
Avatar · IconButton · Button

7.5 Ações do perfil
Sheet · Icon · Button

7.6 Perfis vazioestado
EmptyState · Button

7.7 Perfis (carregando)estado
Skeleton

8. Account 8

8.1 Conta
GlassCard · MetadataRow · Button

8.2 Alterar e-mail (1/2)
GlassCard · Input · Button

8.2b Confirmar e-mail (2/2)
GlassCard · Input · Button

8.3 Alterar senha
GlassCard · Input · Button

8.4 Sessões ativas
GlassCard · IconButton · Button · MetadataRow

8.5 Excluir conta
Modal · Input · Button

8.6 Drawer / menu
Sheet · Avatar · Divider · NavBar

8.7 Conta (carregando)estado
Skeleton

9. Subscription 5

9.1 Gated (assine na web)
Modal · Button

9.2 Portal de assinatura
GlassCard · Button · MetadataRow

9.3 Banner de statusestado
Toast · Badge · Button

9.4 Limite de telas (1/2)
Modal · EmptyState · Button

9.5 Parar outra tela (2/2)
GlassCard · Button · MetadataRow

10. Preferences 2

10.1 Preferências
Switch · Select · ToggleTab

10.2 Acessibilidade
Switch · Select

11. Help 3

11.1 Ajuda / FAQ
Accordion · SearchInput

11.2 Sobre
GlassCard · Logo · MetadataRow

11.3 Privacidade
GlassCard · Accordion

1. Common 6

1.1 Splash / cold-start
Logo · CrtIntro · AppBackdrop

1.2 Erro + retryestado
EmptyState · Button

1.3 Offline (rede)estado
EmptyState · Button

1.4 Vazio (genérico)estado
EmptyState

1.5 404 não encontradoestado
EmptyState · Button · Logo

1.6 Sessão expirada (re-auth)estado
Modal · Input · Button

2. Auth 10

2.1 Landing
HeroBanner · Carousel · PlanCard · Testimonial · Footer · Button

2.10 Inserir código (TV)
GlassCard · Keyboard · Input

2.11 Código expiradoestado
EmptyState · Button

2.12 Pareado!
GlassCard · Icon · Logo

2.2 Onboarding
Carousel · Button · Logo

2.3 Login
GlassCard · Logo · Input · Button

2.4 Cadastro
GlassCard · Logo · Input · Button · Check

2.5 Esqueci a senha
GlassCard · Input · Button · Logo

2.6 Redefinir senha
GlassCard · Input · Button

2.7 Erro de autenticaçãoestado
GlassCard · EmptyState · Button

3. Home 5

3.1 Home
Carousel · Row · PosterCard

3.2 Em alta / TiCs
Row · PosterCard · Badge

3.3 Modo kids
HeroBanner · Row · PosterCard · Avatar

3.4 Catálogo vazioestado
EmptyState

3.5 Home (carregando)estado
Skeleton

4. Search 4

4.1 Busca (central)
SearchInput · PosterCard · Chip · CrtSkeleton

4.2 Filtros de busca (sheet)
Sheet · Chip · Select · ToggleTab

4.3 Busca vaziaestado
SearchInput · EmptyState

4.4 Busca (carregando)estado
Skeleton

5. Watch 8

5.1 Detalhe do título
HeroBanner · EpisodeList · MetadataRow · ShowActions · Button

5.2 Pré-play (loading)estado
GlassCard · Spinner · Logo

5.3 Reproduzindo
Player · ProgressBar · IconButton

5.4 Preferências (sheet)
Sheet · KeyboardHints · Select · ToggleTab

5.5 Erro de player + retryestado
EmptyState · Button

5.6 Próximo / anterior ep.
EpisodeList · Button · PosterCard

5.7 Detalhe (carregando)estado
Skeleton

5.8 Informações do título
Sheet · MetadataRow · Badge

6. Library 6

6.1 Continuar / Histórico
Row · PosterCard · ProgressBar

6.2 Histórico vazioestado
EmptyState · Button

6.3 Favoritos
PosterCard · Badge · Row

6.4 Favoritos vazioestado
EmptyState · Button

6.5 Continuar (carregando)estado
Skeleton

6.6 Favoritos (carregando)estado
Skeleton

7. Profile 7

7.1 Seleção de perfil
Avatar · Button

7.2 Criar perfil
GenderPills · Switch · AvatarPicker · Input · Button

7.3 Escolher avatar
AvatarPicker · Avatar · Button

7.4 Gerenciar perfis
Avatar · IconButton · Button

7.5 Ações do perfil
Sheet · Icon · Button

7.6 Perfis vazioestado
EmptyState · Button

7.7 Perfis (carregando)estado
Skeleton

8. Account 7

8.1 Conta
GlassCard · MetadataRow · Button

8.2 Alterar e-mail (1/2)
GlassCard · Input · Button

8.3 Alterar senha
GlassCard · Input · Button

8.4 Sessões ativas
GlassCard · IconButton · Button · MetadataRow

8.5 Excluir conta
Modal · Input · Button

8.6 Drawer / menu
Sheet · Avatar · Divider · NavBar

8.7 Conta (carregando)estado
Skeleton

9. Subscription 5

9.1 Gated (assine na web)
Modal · Button

9.2 Portal de assinatura
GlassCard · Button · MetadataRow

9.3 Banner de statusestado
Toast · Badge · Button

9.4 Limite de telas (1/2)
Modal · EmptyState · Button

9.5 Parar outra tela (2/2)
GlassCard · Button · MetadataRow

10. Preferences 2

10.1 Preferências
Switch · Select · ToggleTab

10.2 Acessibilidade
Switch · Select

11. Help 3

11.1 Ajuda / FAQ
Accordion · SearchInput

11.2 Sobre
GlassCard · Logo · MetadataRow

11.3 Privacidade
GlassCard · Accordion