Features

O Features mostra uma série de itens, cada um com título e texto: serviços, vantagens, etapas. Cada item pode ter um ícone e, se você passar um endereço, o título vira um link que cobre o item inteiro.

As quatro variantes:

• outline-side-icon: ícone ao lado do texto, com cabeçalho de seção. É a primeira variante da galeria.
• top-icon: ícone acima do texto, sem cartão.
• side-icon-compact: lista densa, sem cabeçalho; os títulos viram parágrafos. Serve para uma faixa logo abaixo do Hero.
• numbered: passos com número de dois dígitos (01, 02) no lugar do ícone.

As colunas no desktop são 3 por padrão; a propriedade columns muda esse valor. No celular, a lista fica em uma coluna. Confira a conta de colunas antes de publicar: um item sozinho na última linha parece erro de layout.

Features

Pasta: ui/sections/features

Variantes

Id	Variante	Tom
features-outline-side-icon-light	outline-side-icon	light
features-outline-side-icon-gray	outline-side-icon	gray
features-outline-side-icon-dark	outline-side-icon	dark
features-outline-side-icon-accent	outline-side-icon	accent
features-top-icon-light	top-icon	light
features-side-icon-compact-light	side-icon-compact	light
features-side-icon-compact-4-light	side-icon-compact	light
features-numbered-light	numbered	light

Propriedades

Propriedade	Tipo	Obrigatória	Descrição
variant	"outline-side-icon" | "top-icon" | "side-icon-compact" | "numbered"	Não	—
title	string	Não	—
intro	string	Não	—
items	readonly FeatureItem[]	Sim	—
tone	Tone	Não	—
density	Density	Não	—
width	Width	Não	—
id	string	Não	—
columns	2 | 3 | 4	Não	Desktop columns; defaults to 3.

Onde aparece nos templates

• top-icon: templates/landing-page/models/captura/files/src/data/content.ts:63, templates/landing-page/models/produto/files/src/data/content.ts:58 e templates/landing-page/models/evento/files/src/data/content.ts:57.
• side-icon-compact: templates/landing-page/models/lancamento/files/src/data/content.ts:47.
• numbered: templates/multi-page/files/src/data/pages/home.ts:24 e templates/multi-page/models/catalogo/files/src/data/pages/home.ts:35.

Captura da primeira variante do catálogo (outline-side-icon, tom claro, em 1280 px):

A mesma variante em 360 px: