Style guide EduPay

V1

Esse guia traz todas as definições de elementos usados nas páginas web do EduPay

Tipografia

Usamos a familia de fontes da Manrope para títulos, subtítulos e corpo de textos

Headings

Estilo de título H1

Estilo de título H2

Estilo de título H3

Estilo de título H4

Corpo de texto

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Legendas

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Destaques/ Ênfase de palavras

Podemos destacar algumas palavras com esse estilo

Citações/ Block Quotes


Tudo nasce das idéias, elas dão origem aos fatos que apenas lhes servem de envelope. Aloísio MagalhãesDesigner gráfico
Tudo nasce das idéias, elas dão origem aos fatos que apenas lhes servem de envelope. Aloísio MagalhãesDesigner gráfico
Alguns detalhes fizeram bastante diferença no nosso dia a dia. Gerar cobranças em poucos cliques, atualizar o vencimento sem burocracia, ter os relatórios sempre atualizados com as baixas de pagamentos…tudo isso mudou o nosso jeito de realizar as cobranças.

Cores

As cores do EduPay e forma como usamos

Cores EduPay

Primary Color

Secondary Color

Destak Color

Emphasy Color

Neutro Color

Escalas de cinzas

Grey Dark

Grey Medium

Gray Lite

Componentes

Alguns componentes já criados e usados nas páginas

Navbar

Botões

Tabs

Comunicação da mudança para as famílias

A chegada do EduPay Mensalidade Garantida marca um novo momento para sua escola. E para ajudar a anunciar essa novidade, a escola pode contar com os Assessores de Implantação.

Mulher negra falando ao telefone

Criação dos planos de mensalidade

Toda a programação das cobranças de mensalidades também é feita pelos nossos assessores de implantação, que ficarão responsáveis pelo cadastro e criação dos planos de mensalidade dos alunos no EduPay.

Plataforma do EduPay com as mensalidades agendadas

Cobrança e negociação com as famílias

Depois de comunicar as mudanças para as famílias e programar as cobranças, é a vez do nosso time de Suporte financeiro entrar em ação. Esse time será o responsável pela cobrança e negociação com as famílias.

Luciana do EduPay

FAQ — Accordion

Padrão de FAQ

O Mensalidade Garantida é a solução do EduPay criada para que as escolas consigam focar no que mais importa: educar. Garantimos a receita para que a instituição possa ter uma gestão financeira previsível e com segurança financeira de longo prazo para crescer e se desenvolver.

Para garantir as mensalidades, é preciso que sua escola seja aprovada em nossa análise. Para isso, é necessário informar alguns dados solicitados pelo nosso time.

Mesmo com o repasse não aprovado, sua escola poderá iniciar utilizando a plataforma do EduPay Pagamentos. Assim, sua instituição pode contar com uma solução para prevenir os atrasos, enquanto espera uma nova oportunidade de seleção do repasse.

Agora quem cuida das cobranças de mensalidade é o EduPay. Isso significa, que todo assunto de cobrança e negociações de mensalidade será tratado pelo nosso time direto com os pais e responsáveis. Com essa parceria, as famílias terão também um novo meio para pagar as mensalidades: um app prático, seguro e com diversas opções de pagamentos em um só lugar.

Full documentation in Finsweet's Attributes docs.

Grid e escalas

Usamos o Grid de 8pt e em alguns tamanhos menores o 4pt, essas medidas em escalas devem ser adotadas em todos os conteúdos do site.

Grid 8pt — Medidas mais usadas

8px
16px
24px
32px
40px
48px
56px
64px
72px

Grid 4pt — Para excessões e tamanhos menores

4px
8px
12px
16px
20px
24px
28px
32px
36px
40px