Eu configurei a sessão de blog do site e já deixei o CMS pré-pronto. Dupliquei o cabeçalho padrão, criei um card (thumb) com 200x390, radius 10 e ajustei tipografia e espaçamentos (gap 16). Removi sombras, bordas e paddings desnecessários para um visual limpo. Transformei o card em componente e organizei os assets em pastas (base e cards). Em variáveis criei link (abrir em nova aba com smooth), imagem e título em plaintext. Também traduzi os campos do CMS para português (título, slug, data, imagem, categorias, build). Importei a coleção de artigos para a página, mapeei o componente para os itens da coleção, ordenei por data de criação do mais novo para o mais antigo e limitei a exibição a 3 posts. Ajustei stacks e fills para espelhar alterações entre itens, usei placeholders cinza nas imagens para manter harmonia visual e defini espaçamentos da central container (top/bottom 120). Acrescentei uma linha superior no rodapé (border-top 02, cor #000) e deixei a base pronta para adicionar animações e links quando o cliente fornecer conteúdo. Termos (explicação rápida): - CMS: sistema que gerencia conteúdo do site. - Componente: bloco reutilizável de interface (ex.: card do blog). - Stack: agrupamento vertical/horizontal de elementos. - Frame/thumb: caixa que representa a imagem destacada (thumbnail). - Radius: arredondamento das bordas. - Padding/gap: espaçamento interno e entre elementos. - Fit/fill: modo como imagem se ajusta ao espaço. - Slug: parte da URL que identifica a página/post. - Variável: campo dinâmico que recebe conteúdo do CMS. - Sorting: ordenação dos itens (ex.: por data). - Placeholder: imagem temporária neutra. - Hover/Animações: efeitos ao passar o cursor ou ao exibir elementos.