Pular para o conteúdo

LogoStrip

O LogoStrip mostra os logotipos de clientes ou parceiros em uma faixa compacta, com um título curto. O modelo produto o põe logo depois do Hero (templates/landing-page/models/produto/files/src/data/content.ts:45-46).

Ela tem duas variantes:

  • title-above: o título fica acima da fileira de logotipos. É a padrão.
  • title-side: o título ocupa três colunas ao lado dos logotipos.

LogoStrip

Pasta: ui/sections/logo-strip

Variantes

IdVarianteTom
logo-strip-title-above-gray title-above gray
logo-strip-title-side-gray title-side gray

Propriedades

PropriedadeTipoObrigatóriaDescrição
variant "title-above" | "title-side" Não —
title string Sim —
logos readonly UiImage[] Sim —
tone Tone Não —
density Density Não —
width Width Não —
id string Não —
  • title-side: templates/landing-page/models/captura/files/src/data/content.ts:51 e templates/landing-page/models/evento/files/src/data/content.ts:46.
  • title-above: templates/landing-page/models/produto/files/src/data/content.ts:46.

Captura da primeira variante do catálogo (title-above, tom cinza, em 1280 px):

Captura da galeria: seção LogoStrip, variante title-above, cinza, em 1280 px

A mesma variante em 360 px:

Captura da galeria: seção LogoStrip, variante title-above, cinza, em 360 px

O tom da faixa é cinza por padrão; a propriedade tone troca esse valor.