[Download] Ilustração das Capas

Acesso Restrito!

Para acessar o conteúdo, você precisa de uma assinatura ativa!

Acesso Restrito!

Para acessar o conteúdo, você precisa de uma assinatura ativa!

Criando os Componentes & Documentação

0
0
0
0

[Download] Ilustração das Capas

[Download] Ilustração das Capas

Descubra a nova coleção de ilustrações exclusivas do nosso design system, criadas especialmente para dar vida a cada aspecto dos nossos fundamentos e componentes. Com dezenas de ilustrações, todas elaboradas no Figma, você encontrará uma variedade que abrange desde a identidade visual da nossa marca até os componentes mais avançados. O melhor? Você pode baixar o arquivo completo em formato ZIP, que já está disponível para você na descrição.

Nosso design system traz uma estética moderna e atraente, inspirada no neomorfismo, que mistura elementos de 3D e 2D de forma inovadora. Neste módulo, apresentamos não apenas as ilustrações essenciais, mas também um sneak peek dos componentes que estão por vir. Dos botões simples aos complexos cards com múltiplas funções, todas as partes do sistema foram cuidadosamente pensadas para garantir uma experiência visual única e integrada.

E há muito mais por vir! Em breve, lançaremos um módulo extra, onde você poderá aprender a criar essas ilustrações e explorar os plugins mais úteis do Figma. Prepare-se para uma jornada criativa que não só permitirá que você personalize o design com facilidade, mas também acompanhará o crescimento e a evolução contínua do nosso design system. Não perca tempo e baixe as ilustrações agora mesmo para começar a explorar!

Introdução ao cfPRO
0 de 5 aulas concluidas
Introdução ao Design System
0 de 10 aulas concluidas
Governança & Documentação
0 de 11 aulas concluidas
Os fundamentos de um Design System
0 de 13 aulas concluidas
Arquitetura do Design System
0 de 31 aulas concluidas
Criando os Componentes & Documentação
0 de 34 aulas concluidas

[Download] Ilustração das Capas

Extra

05:23

[Download] Template de Estrutura de Design Systems

19:42

Estrutura Inicial & Organização do Projeto

07:31

[Download] Acesso aos Ícones da Streamline

06:15

[Documentando] Página de Boas Vindas

27:03

[Documentando] A Identidade da Marca

11:47

[Documentando] As Cores Primitivas & Semânticas

22:24

[Documentando] Os Estilos Tipográficos

09:02

[Documentando] O Espaçamento & Corner Radius

15:41

[Documentando] A Escala

10:50

[Documentando] O Layout Grid & Plataformas

21:23

[Documentando] Os Estilos Tipográficos & Variáveis Semânticas

15:27

[Componente] System Icons 1.0

31:25

[Componente] Alert & Notification 1.0

38:51

[Componente] Avatar, Personas & Status [Parte 1]

21:42

[Componente] Avatar, Personas & Status [Parte 2]

10:32

[Componente] Avatar Group 1.0

14:39

[Componente] Avatar Update 1.0.1

04:03

[Componente] Badge 1.0

22:26

[Componente] Button Anatomy

26:44

[Componente] Button 1.0

13:55

[Componente] Content 1.0

15:37

[Componente] Checkbox 1.0

11:51

[Componente] Radio Button 1.0

11:56

[Componente] Text Input 1.0

18:46

[Componente] Dropdown 1.0

24:46

[Componente] Divider 1.0

20:57

[Component] Progress bar 1.0

18:34

[Componente] Rating 1.0

17:30

[Componente] Tooltip 1.0

23:25

[Componente] Tab Menu 1.0

26:28

[Componente] Slot Component 1.0

25:43

[Componente] Container 1.0

23:38

[Componente] Modal 1.0

24:24
Publicando o Piloto & Certificado
Extra
0 de 3 aulas concluidas
Introdução ao cfPRO
0 de 5 aulas concluidas
Introdução ao Design System
0 de 10 aulas concluidas
Governança & Documentação
0 de 11 aulas concluidas
Os fundamentos de um Design System
0 de 13 aulas concluidas
Arquitetura do Design System
0 de 31 aulas concluidas
Criando os Componentes & Documentação
0 de 34 aulas concluidas

[Download] Ilustração das Capas

Extra

05:23

[Download] Template de Estrutura de Design Systems

19:42

Estrutura Inicial & Organização do Projeto

07:31

[Download] Acesso aos Ícones da Streamline

06:15

[Documentando] Página de Boas Vindas

27:03

[Documentando] A Identidade da Marca

11:47

[Documentando] As Cores Primitivas & Semânticas

22:24

[Documentando] Os Estilos Tipográficos

09:02

[Documentando] O Espaçamento & Corner Radius

15:41

[Documentando] A Escala

10:50

[Documentando] O Layout Grid & Plataformas

21:23

[Documentando] Os Estilos Tipográficos & Variáveis Semânticas

15:27

[Componente] System Icons 1.0

31:25

[Componente] Alert & Notification 1.0

38:51

[Componente] Avatar, Personas & Status [Parte 1]

21:42

[Componente] Avatar, Personas & Status [Parte 2]

10:32

[Componente] Avatar Group 1.0

14:39

[Componente] Avatar Update 1.0.1

04:03

[Componente] Badge 1.0

22:26

[Componente] Button Anatomy

26:44

[Componente] Button 1.0

13:55

[Componente] Content 1.0

15:37

[Componente] Checkbox 1.0

11:51

[Componente] Radio Button 1.0

11:56

[Componente] Text Input 1.0

18:46

[Componente] Dropdown 1.0

24:46

[Componente] Divider 1.0

20:57

[Component] Progress bar 1.0

18:34

[Componente] Rating 1.0

17:30

[Componente] Tooltip 1.0

23:25

[Componente] Tab Menu 1.0

26:28

[Componente] Slot Component 1.0

25:43

[Componente] Container 1.0

23:38

[Componente] Modal 1.0

24:24
Publicando o Piloto & Certificado
Extra
0 de 3 aulas concluidas

Data de lançamento

17/05/2025

Duração

05:23

Legendas

Português [PT-BR]

Tags

ilustrações, designsystem, neomorfismo, Figma, componentes

Introdução ao cfPRO
0 de 5 aulas concluidas
Introdução ao Design System
0 de 10 aulas concluidas
Governança & Documentação
0 de 11 aulas concluidas
Os fundamentos de um Design System
0 de 13 aulas concluidas
Arquitetura do Design System
0 de 31 aulas concluidas
Criando os Componentes & Documentação
0 de 34 aulas concluidas

[Download] Ilustração das Capas

Extra

05:23

[Download] Template de Estrutura de Design Systems

19:42

Estrutura Inicial & Organização do Projeto

07:31

[Download] Acesso aos Ícones da Streamline

06:15

[Documentando] Página de Boas Vindas

27:03

[Documentando] A Identidade da Marca

11:47

[Documentando] As Cores Primitivas & Semânticas

22:24

[Documentando] Os Estilos Tipográficos

09:02

[Documentando] O Espaçamento & Corner Radius

15:41

[Documentando] A Escala

10:50

[Documentando] O Layout Grid & Plataformas

21:23

[Documentando] Os Estilos Tipográficos & Variáveis Semânticas

15:27

[Componente] System Icons 1.0

31:25

[Componente] Alert & Notification 1.0

38:51

[Componente] Avatar, Personas & Status [Parte 1]

21:42

[Componente] Avatar, Personas & Status [Parte 2]

10:32

[Componente] Avatar Group 1.0

14:39

[Componente] Avatar Update 1.0.1

04:03

[Componente] Badge 1.0

22:26

[Componente] Button Anatomy

26:44

[Componente] Button 1.0

13:55

[Componente] Content 1.0

15:37

[Componente] Checkbox 1.0

11:51

[Componente] Radio Button 1.0

11:56

[Componente] Text Input 1.0

18:46

[Componente] Dropdown 1.0

24:46

[Componente] Divider 1.0

20:57

[Component] Progress bar 1.0

18:34

[Componente] Rating 1.0

17:30

[Componente] Tooltip 1.0

23:25

[Componente] Tab Menu 1.0

26:28

[Componente] Slot Component 1.0

25:43

[Componente] Container 1.0

23:38

[Componente] Modal 1.0

24:24
Publicando o Piloto & Certificado
Extra
0 de 3 aulas concluidas

Title Example

Message Example