Home

cadastro_usuario - Page

Elements

• ◆ Group: Group Criar Conta
  • Left = 0
  • Top = 250.71875
  • Width = 0
  • Height = 0
  • Z-Index = 4
  • Left pad = 10
  • Top pad = 20
  • Right pad = 10
  • Bottom pad = 20
  • Min height css = 40px
  • ◆ Text: Text A
    • Left = 0
    • Top = -230.71875
    • Width = 100
    • Height = 36
    • Z-Index = 2
    • Font color = var(--color_bTHBd_default)
    • Text = Crie sua Conta
  • ◆ Text: Text D
    • Left = 0
    • Top = -230.71875
    • Width = 100
    • Height = 36
    • Z-Index = 2
    • Font weight = 600
    • Font color = var(--color_bTHBd_default)
    • Text = Email
  • ◆ Input: Input Email - Criar Conta
    • Left = 0
    • Top = -230.71875
    • Width = 250
    • Height = 44
    • Background color = rgba(245, 248, 250, 1)
    • Border color = rgba(228, 230, 239, 1)
    • Font weight = 500
    • Font color = rgba(51, 51, 51, 1)
    • Font face = Poppins:::500
    • Font family = var(--font_default)
    • Left pad = 10
    • Right pad = 10
    • Placeholder = Digite seu email..
    • Content format = email
      • Change: Border color = rgba(241, 65, 108, 1)
      • ◌ When: This Input Email - Criar Conta isnt valid
      • Change: Background color = rgba(238, 243, 247, 1)
      • ◌ When: This Input Email - Criar Conta is focused
  • ◆ Text: Text B
    • Left = 0
    • Top = -230.71875
    • Width = 100
    • Height = 36
    • Z-Index = 2
    • Font weight = 600
    • Font color = var(--color_bTHBd_default)
    • Top margin = 10
    • Text = Nome
  • ◆ Input: Input Nome - Criar Conta
    • Left = 0
    • Top = -230.71875
    • Width = 250
    • Height = 44
    • Background color = rgba(245, 248, 250, 1)
    • Border color = rgba(228, 230, 239, 1)
    • Font weight = 500
    • Font color = rgba(51, 51, 51, 1)
    • Font face = Poppins:::500
    • Font family = var(--font_default)
    • Left pad = 10
    • Right pad = 10
    • Placeholder = Digite seu nome..
      • Change: Border color = rgba(241, 65, 108, 1)
      • ◌ When: This Input Nome - Criar Conta isnt valid
      • Change: Background color = rgba(238, 243, 247, 1)
      • ◌ When: This Input Nome - Criar Conta is focused
  • ◆ Text: Text C
    • Left = 0
    • Top = -230.71875
    • Width = 100
    • Height = 36
    • Z-Index = 2
    • Font weight = 600
    • Font color = var(--color_bTHBd_default)
    • Top margin = 10
    • Text = Senha
  • ◆ Input: Input Senha - Criar Conta
    • Left = 0
    • Top = -230.71875
    • Width = 250
    • Height = 44
    • Background color = rgba(245, 248, 250, 1)
    • Border color = rgba(228, 230, 239, 1)
    • Font weight = 500
    • Font color = rgba(51, 51, 51, 1)
    • Font face = Poppins:::500
    • Font family = var(--font_default)
    • Left pad = 10
    • Right pad = 10
    • Placeholder = Crie um senha...
    • Content format = password
      • Change: Border color = rgba(241, 65, 108, 1)
      • ◌ When: This Input Senha - Criar Conta isnt valid
      • Change: Background color = rgba(238, 243, 247, 1)
      • ◌ When: This Input Senha - Criar Conta is focused
  • ◆ Button: Button A
    • Left = 52.5
    • Top = 501
    • Width = 150
    • Height = 44
    • Z-Index = 3
    • Top margin = 30
    • Text = Criar minha conta
    • Icon = ionic outline star
  • ◆ Text: Text E
    • Left = 92
    • Top = 72
    • Width = 100
    • Height = 36
    • Z-Index = 2
    • Font size = 16
    • Font weight = 400
    • Font color = var(--color_bTHBd_default)
    • Align = center
    • Bottom margin = 70
    • Text = Informe seu email e senha nos campos abaixo para criar sua conta com segurança.
  • ◆ Image: Image A
    • Left = 159.5
    • Top = 27.078125
    • Width = 251
    • Height = 240
    • Z-Index = 4
    • Bottom margin = 20
    • Static Source = //d9507a7a3f724d101a6b05899b0af242.cdn.bubble.io/f1739317382760x177853338912465920/icone.png
  • ◆ Button: Button B
    • Left = 205.5
    • Top = 620
    • Width = 150
    • Height = 44
    • Z-Index = 6
    • Background style = none
    • Background color = var(--color_primary_default)
    • Font size = 16
    • Font weight = 400
    • Font color = var(--color_bTHBd_default)
    • Font face = var(--font_default):::600
    • Font family = var(--font_default)
    • Left pad = 20
    • Top pad = 0
    • Right pad = 20
    • Bottom pad = 0
    • Text = Já tenho uma conta, fazer login.
    • Icon = phosphor regular star
      • Change: Opacity = 25
      • ◌ When: This Button B isnt clickable
      • Change: Background color = var(--color_bTHAC_default)
      • ◌ When: This Button B is hovered and This Button B isnt clickable is false

Workflow

• ◆ Button A is clicked - "is clicked"
  • 1. Sign the user up. - "Sign the user up"
    • Email = Input Email - Criar Conta's value
    • Password = Input Senha - Criar Conta's value
  • 2. Go to page espiral_inicio - "Go to page"
• ◆ Button B is clicked - "is clicked"
  • 1. Go to page login_usuario - "Go to page"

Generated byBubble Documenter