Framework

Global Presets UI Style Guide

01. Paleta de Cores

Nesta parte do guia de estilo, você pode modificar cada cor dentro das configurações de plano de fundo do Módulo de texto. Use esse mesmo código de cores dentro do Módulo de Texto abaixo dele para ter uma versão escrita do código de cores também. Use esses códigos de cores dentro da paleta de cores padrão do Divi Theme Builder depois.

#07272d

#ffb500

#d1e0d7

#ffffff

#77777a

#cdcdd2

rgba
(205,205,210,0.5)

#ff3b30

#F9F9F9

#e0e0e0

#01323a

#07272d

02. Estilo de textos

Na segunda parte deste wireframe do guia de estilo, você pode estilizar seus diferentes tipos de texto. Você também recebe uma opção primária, secundária e terciária, cada uma das quais você pode posteriormente transformar em presets individuais.

Headers, Links, Body, & Lists

Primário

Secundário

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  1. Lorum Ipsum
  2. Lorum Ipsum
  3. Lorum Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Heading 1

Heading 2

Heading 3

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  1. Lorum Ipsum
  2. Lorum Ipsum
  3. Lorum Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

03. Módulos

A última parte deste guia de estilo trata de alguns dos módulos mais usados dentro do Divi. Aqui, também fornecemos uma versão primária, secundária e terciária de cada módulo que você pode estilizar e adicionar como uma predefinição global. Sinta-se à vontade para criar mais designs alternativos para cada módulo.

Primário

Secundário

Botão

Tagline aqui

Tagline aqui

Blurb

Seu título vai aqui

Seu conteúdo vai aqui. Edite ou remova este texto inline ou nas configurações de conteúdo do módulo. Você também pode estilizar todos os aspectos desse conteúdo nas configurações de design do módulo e até mesmo aplicar CSS personalizado a esse texto nas configurações avançadas do módulo.

Seu título vai aqui Seu título vai aqui

Seu conteúdo vai aqui. Edite ou remova este texto inline ou nas configurações de conteúdo do módulo. Você também pode estilizar todos os aspectos desse conteúdo nas configurações de design do módulo e até mesmo aplicar CSS personalizado a esse texto nas configurações avançadas do módulo.

Email optin

Formulário

14 + 11 =

7 + 3 =

Imagem

Call to action

Seu título vai aqui

Seu conteúdo vai aqui. Edite ou remova este texto inline ou nas configurações de conteúdo do módulo. Você também pode estilizar todos os aspectos desse conteúdo nas configurações de design do módulo e até mesmo aplicar CSS personalizado a esse texto nas configurações avançadas do módulo.

Seu título vai aqui

Seu conteúdo vai aqui. Edite ou remova este texto inline ou nas configurações de conteúdo do módulo. Você também pode estilizar todos os aspectos desse conteúdo nas configurações de design do módulo e até mesmo aplicar CSS personalizado a esse texto nas configurações avançadas do módulo.

Divider

Pessoas

Nome vai aqui

Nome vai aqui

Cargo

Seu conteúdo vai aqui. Edite ou remova este texto inline ou nas configurações de conteúdo do módulo. Você também pode estilizar todos os aspectos desse conteúdo nas configurações de design do módulo e até mesmo aplicar CSS personalizado a esse texto nas configurações avançadas do módulo.

Nome vai aqui

Nome vai aqui

Cargo

Seu conteúdo vai aqui. Edite ou remova este texto inline ou nas configurações de conteúdo do módulo. Você também pode estilizar todos os aspectos desse conteúdo nas configurações de design do módulo e até mesmo aplicar CSS personalizado a esse texto nas configurações avançadas do módulo.

Siga nas Mídias Sociais

Toggle

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Depoimentos

Seu conteúdo vai aqui. Edite ou remova este texto inline ou nas configurações de conteúdo do módulo. Você também pode estilizar todos os aspectos desse conteúdo nas configurações de design do módulo e até mesmo aplicar CSS personalizado a esse texto nas configurações avançadas do módulo.

Nome vai Aqui

Seu conteúdo vai aqui. Edite ou remova este texto inline ou nas configurações de conteúdo do módulo. Você também pode estilizar todos os aspectos desse conteúdo nas configurações de design do módulo e até mesmo aplicar CSS personalizado a esse texto nas configurações avançadas do módulo.

Nome vai Aqui

Vídeo

Acordeão

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Eu sou uma Empresa que transforma.

Para ser uma empresa que transforma, conheça as categorias abaixo, clique no link, siga as orientações, acesse e preencha o formulário:

carrinho

Patrocine por cotas

R$350,00 / mês

Benefícios:

Recebimento do selo

Divulgação na lista de patrocinadores

Visibilidade no site e nas mídias em destaque

Palestra presencial ou online

Palavra do patrocinador em eventos específicos (opcional)

Campo dentro do site para divulgação do apoiador

Quero transformar uma vida
Patrocine aqui

globo

Patrocine um aluno

R$1.399,00 / mês

Benefícios:

Recebimento do selo

Divulgação na lista de patrocinadores

Visibilidade no site e nas mídias em destaque

Palestra presencial ou online

Palavra do patrocinador em eventos específicos (opcional)

Campo dentro do site para divulgação do apoiador

Quero transformar uma vida
Patrocine aqui

setas

Patrocine mais de um aluno

Defina o valor de sua contribuição POR MÊS

Benefícios:

Recebimento do selo

Divulgação na lista de patrocinadores

Visibilidade no site e nas mídias em destaque

Palestra presencial ou online

Palavra do patrocinador em eventos específicos (opcional)

Campo dentro do site para divulgação do apoiador

Quero transformar uma vida
Patrocine aqui

Eu sou uma Pessoa que transforma.

Em conjunto com outras pessoas você pode patrocinar um aluno. A soma das cotas, transformarão a vida de um jovem.
Escolha o valor, a forma de pagamento, a recorrência e venha conosco fazer a diferença.

setas

Parcela Recorrente:

Mensal

carrinho

Parcela única

    • PIX
    • Boleto
    • Cartão de Crédito

Quero transformar uma vida
Doe aqui