115. Seção: Big Numbers

Descrição

Comentários

Eu copiei o componente Big Numbers já pronto, ajustei o Fit Content, removi o background e organizei os elementos dentro das stacks. Apaguei stacks redundantes, defini alinhamento vertical à esquerda (start) e gap de 8. Dupliquei os cards necessários, removi itens extras e padronizei tipografia (h3 para títulos e body 16 para textos). Priorizei tarefas repetitivas para ganhar velocidade e reduzir erros. Em seguida, usei Space Between para distribuir itens, corrigi a largura das caixas para 300px e ajustei quebras de linha aplicando o estilo balance onde necessário. Também mantive a hierarquia visual: não quebrei o componente só para forçar layout e limitei a largura máxima de um frame a 70% para controlar a quebra de texto. Em vez de dar margem nos big numbers, defini margens no container (top 120, bottom 120) e apliquei bordas apenas em top e bottom com 1px na cor de border 2. Por fim, conferi todos os espaçamentos e alinhamentos para garantir consistência antes de encerrar a sessão. Termos técnicos: - stack: empilhamento/agrupamento de elementos em coluna ou linha. - Fit Content: ajustar o tamanho do elemento ao conteúdo interno. - Detach: desagrupar componente para editar individualmente. - Space Between: distribuição que coloca espaço entre itens, empurrando-os às extremidades. - h3 / body 16: estilos de tipografia (título nível 3 e texto corpo com 16px). - balance: ajuste automático de quebras de linha para melhor distribuição visual do texto. - frame: quadro ou área que contém elementos. - container: elemento que envolve e organiza grupos de conteúdo. - border: borda aplicada ao container (linha visual).

Comentários

Descrição

Comentários

Eu copiei o componente Big Numbers já pronto, ajustei o Fit Content, removi o background e organizei os elementos dentro das stacks. Apaguei stacks redundantes, defini alinhamento vertical à esquerda (start) e gap de 8. Dupliquei os cards necessários, removi itens extras e padronizei tipografia (h3 para títulos e body 16 para textos). Priorizei tarefas repetitivas para ganhar velocidade e reduzir erros. Em seguida, usei Space Between para distribuir itens, corrigi a largura das caixas para 300px e ajustei quebras de linha aplicando o estilo balance onde necessário. Também mantive a hierarquia visual: não quebrei o componente só para forçar layout e limitei a largura máxima de um frame a 70% para controlar a quebra de texto. Em vez de dar margem nos big numbers, defini margens no container (top 120, bottom 120) e apliquei bordas apenas em top e bottom com 1px na cor de border 2. Por fim, conferi todos os espaçamentos e alinhamentos para garantir consistência antes de encerrar a sessão. Termos técnicos: - stack: empilhamento/agrupamento de elementos em coluna ou linha. - Fit Content: ajustar o tamanho do elemento ao conteúdo interno. - Detach: desagrupar componente para editar individualmente. - Space Between: distribuição que coloca espaço entre itens, empurrando-os às extremidades. - h3 / body 16: estilos de tipografia (título nível 3 e texto corpo com 16px). - balance: ajuste automático de quebras de linha para melhor distribuição visual do texto. - frame: quadro ou área que contém elementos. - container: elemento que envolve e organiza grupos de conteúdo. - border: borda aplicada ao container (linha visual).

Comentários

Descrição

Comentários

Eu copiei o componente Big Numbers já pronto, ajustei o Fit Content, removi o background e organizei os elementos dentro das stacks. Apaguei stacks redundantes, defini alinhamento vertical à esquerda (start) e gap de 8. Dupliquei os cards necessários, removi itens extras e padronizei tipografia (h3 para títulos e body 16 para textos). Priorizei tarefas repetitivas para ganhar velocidade e reduzir erros. Em seguida, usei Space Between para distribuir itens, corrigi a largura das caixas para 300px e ajustei quebras de linha aplicando o estilo balance onde necessário. Também mantive a hierarquia visual: não quebrei o componente só para forçar layout e limitei a largura máxima de um frame a 70% para controlar a quebra de texto. Em vez de dar margem nos big numbers, defini margens no container (top 120, bottom 120) e apliquei bordas apenas em top e bottom com 1px na cor de border 2. Por fim, conferi todos os espaçamentos e alinhamentos para garantir consistência antes de encerrar a sessão. Termos técnicos: - stack: empilhamento/agrupamento de elementos em coluna ou linha. - Fit Content: ajustar o tamanho do elemento ao conteúdo interno. - Detach: desagrupar componente para editar individualmente. - Space Between: distribuição que coloca espaço entre itens, empurrando-os às extremidades. - h3 / body 16: estilos de tipografia (título nível 3 e texto corpo com 16px). - balance: ajuste automático de quebras de linha para melhor distribuição visual do texto. - frame: quadro ou área que contém elementos. - container: elemento que envolve e organiza grupos de conteúdo. - border: borda aplicada ao container (linha visual).

Comentários
Seção: Big Numbers
Framer
0:00-0:00
Especialista

Henrique Sabino

Wama e Elogiou

Olá 👋,

aluno(a)

Aqui é o Will, em que posso ajudar?

Sugestões & Feedbacks