Link dos pngs PROTOTIPAÇÃO. (AGORA SIM)

pamelgh commented 4 years ago

https://drive.google.com/open?id=1Ux-vMoHabC4jtGPrW1JNShNvxhwFNA93

estelavilasboas commented 4 years ago

Sugestões para tela de abertura:

import { Container, Header, Content, Form, Item, Input, Label, Icon } from 'native-base';

Botão de ícone:

        <Button>
           <Icon name="angle-double-down" />
         </Button>

https://docs.nativebase.io/Components.html#button-icon-headref *ícone do Font-Awesome: angle-double-down

Cor de fundo: Orange (#ffa500)

Logo: Desenho e escrita na vertical https://github.com/eassisv/helippa-frontend/blob/prototypes/assets/logo/v1.00/logo-e-escrita-transparente-vertical.png

Cor da Frase/Escrita: lemonchiffon (#fffacd)

estelavilasboas commented 4 years ago

Sugestões para tela de login:

import { Container, Header, Content, Form, Item, Input, Label, Icon } from 'native-base';

Cor de Fundo: darkcyan (#008b8b) - cor referência do react - já nomeada por padrão

Botão "Entrar": Fundo Branco #FFFFFF Escrita darkcyan (#008b8b) https://docs.nativebase.io/Components.html#button-theme-headref

Botão "Cadastro": Fundo Transparente Borda branca #FFFFFF Escrita branca https://docs.nativebase.io/Components.html#button-outline-headref

Inputs floating:

         <Form>
            <Item floatingLabel>
              <Label>Username</Label>
              <Input />
            </Item>
            <Item floatingLabel last>
              <Label>Password</Label>
              <Input />
            </Item>
          </Form>

https://docs.nativebase.io/Components.html#floating-label-headref

Escrita: Branco #FFFFFF

Logo: Desenho e escrita na vertical https://github.com/eassisv/helippa-frontend/blob/prototypes/assets/logo/v1.00/logo-e-escrita-transparente-vertical.png OU Logo transparente https://github.com/eassisv/helippa-frontend/blob/prototypes/assets/logo/v1.00/logo-e-escrita-transparente-horizontal.png (MANTER PADRÃO ENTRE AS PÁGINAS "AZUIS", se foi utilizada a escrita em alguma outra página, colocar nessa também )

Link "Esqueceu sua senha?" Cor lemonchiffon (#fffacd) - cor referência do react - já nomeada por padrão

estelavilasboas commented 4 years ago

Sugestões para tela "Esqueceu sua senha?"

import { Container, Header, Content, Form, Item, Input, Label, Icon } from 'native-base';

Cor de Fundo: darkcyan (#008b8b) - cor referência do react - já nomeada por padrão

Inputs floating:

         <Form>
            <Item floatingLabel>
              <Label>Username</Label>
              <Input />
            </Item>
            <Item floatingLabel last>
              <Label>Password</Label>
              <Input />
            </Item>
          </Form>

https://docs.nativebase.io/Components.html#floating-label-headref

Escrita Branca

Botão "Enviar": Fundo Branco #FFFFFF Escrita darkcyan (#008b8b) https://docs.nativebase.io/Components.html#button-theme-headref

Logo: Desenho e escrita na vertical https://github.com/eassisv/helippa-frontend/blob/prototypes/assets/logo/v1.00/logo-e-escrita-transparente-vertical.png OU Logo transparente https://github.com/eassisv/helippa-frontend/blob/prototypes/assets/logo/v1.00/logo-e-escrita-transparente-horizontal.png (MANTER PADRÃO ENTRE AS PÁGINAS "AZUIS", se foi utilizada a escrita em alguma outra página, colocar nessa também )

estelavilasboas commented 4 years ago

Paleta:

As cores pertencentes a paleta (exceto charcoal) já estão nomeadas no React

lemonchiffon (#fffacd) orange (#ffa500) mediumseagreen (#3cb371) darkcyan (#008b8b) charcoal* (#3C4859)

*a cor charcoal será criada/instanciada

eassisv / helippa-frontend