mirror of
https://github.com/fsolla/teqo.git
synced 2026-11-13 06:43:06 +00:00
style(C187): prettier nos artefatos de plano (gate format)
This commit is contained in:
Francisco Solla
parent
5272959465
commit
a91fd8826b
2 changed files with 320 additions and 84 deletions
|
|
@ -265,16 +265,21 @@
|
|||
</h1>
|
||||
<p class="mt-2 max-w-3xl text-sm leading-6 text-ink-soft">
|
||||
Duas variações da mesma folha: composição completa e estado honesto com poucos fatos
|
||||
documentados. Cada quadro abaixo é uma alternativa imprimível de uma página, não uma sequência.
|
||||
documentados. Cada quadro abaixo é uma alternativa imprimível de uma página, não uma
|
||||
sequência.
|
||||
</p>
|
||||
<div class="mt-4 flex flex-wrap gap-2 text-xs">
|
||||
<span class="rounded-full border border-line bg-white px-3 py-1">A4 · 210 × 297 mm</span>
|
||||
<span class="rounded-full border border-line bg-white px-3 py-1">até 6 destaques</span>
|
||||
<span class="rounded-full border border-line bg-white px-3 py-1">até 14 itens em “E mais”</span>
|
||||
<span class="rounded-full border border-line bg-white px-3 py-1"
|
||||
>até 14 itens em “E mais”</span
|
||||
>
|
||||
<span class="rounded-full border border-line bg-white px-3 py-1">sem fontes · sem CTA</span>
|
||||
<span class="rounded-full border border-line bg-white px-3 py-1">fase por valor</span>
|
||||
<span class="rounded-full border border-line bg-white px-3 py-1">setor/rede não somam</span>
|
||||
<span class="rounded-full border border-line bg-white px-3 py-1">sem % estadual absoluto</span>
|
||||
<span class="rounded-full border border-line bg-white px-3 py-1"
|
||||
>sem % estadual absoluto</span
|
||||
>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
|
@ -285,7 +290,9 @@
|
|||
Cena 01 · Boletim completo · densidade máxima permitida
|
||||
</p>
|
||||
<article class="sheet" aria-label="Modelo completo do boletim institucional de uma página">
|
||||
<header class="flex items-center justify-between gap-[5mm] border-b-[0.55mm] border-ink pb-[2.4mm]">
|
||||
<header
|
||||
class="flex items-center justify-between gap-[5mm] border-b-[0.55mm] border-ink pb-[2.4mm]"
|
||||
>
|
||||
<div>
|
||||
<p class="kicker mb-[1mm]">Boletim informativo · atuação pública</p>
|
||||
<p class="m-0 text-[11pt] font-extrabold">Instituição Exemplo</p>
|
||||
|
|
@ -299,14 +306,23 @@
|
|||
</header>
|
||||
|
||||
<div class="defeso-band mt-[2.2mm]" role="note" aria-label="Nota de defeso eleitoral">
|
||||
<span>DEFESO 2026 · material em preparação · não publicar sem revisão editorial e jurídica</span>
|
||||
<span
|
||||
>DEFESO 2026 · material em preparação · não publicar sem revisão editorial e
|
||||
jurídica</span
|
||||
>
|
||||
<span class="shrink-0 uppercase tracking-[.07em]">sem CTA · sem propaganda</span>
|
||||
</div>
|
||||
|
||||
<section class="mt-[3mm] grid grid-cols-[1fr_45mm] gap-[5mm]" aria-label="Abertura do boletim">
|
||||
<section
|
||||
class="mt-[3mm] grid grid-cols-[1fr_45mm] gap-[5mm]"
|
||||
aria-label="Abertura do boletim"
|
||||
>
|
||||
<div>
|
||||
<p class="section-label">Uma trajetória de trabalho junto à instituição</p>
|
||||
<h1 id="bulletin-title" class="m-0 text-[22.5pt] font-semibold leading-[1] tracking-[-0.038em]">
|
||||
<h1
|
||||
id="bulletin-title"
|
||||
class="m-0 text-[22.5pt] font-semibold leading-[1] tracking-[-0.038em]"
|
||||
>
|
||||
O que Jorge Solla fez pela e na
|
||||
<span class="text-accent">Instituição Exemplo</span>
|
||||
</h1>
|
||||
|
|
@ -315,24 +331,48 @@
|
|||
documentado no dossiê institucional.
|
||||
</p>
|
||||
</div>
|
||||
<div class="asset-box flex min-h-[35mm] flex-col items-center justify-center rounded-sm p-[3mm] text-center">
|
||||
<svg class="mb-[1.4mm] h-6 w-6 text-accent" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
|
||||
<div
|
||||
class="asset-box flex min-h-[35mm] flex-col items-center justify-center rounded-sm p-[3mm] text-center"
|
||||
>
|
||||
<svg
|
||||
class="mb-[1.4mm] h-6 w-6 text-accent"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="1.8"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<rect x="3" y="5" width="18" height="14" rx="2" />
|
||||
<circle cx="8.5" cy="10" r="1.5" />
|
||||
<path d="m21 15-5-5L5 19" />
|
||||
</svg>
|
||||
<p class="m-0 text-[7.4pt] font-extrabold uppercase tracking-[.08em]">NEEDS ASSET · foto real</p>
|
||||
<p class="mb-0 mt-[1mm] text-[6.9pt] leading-[1.22]">Solla na instituição ou na ação citada<br />origem, autoria e licença</p>
|
||||
<p class="m-0 text-[7.4pt] font-extrabold uppercase tracking-[.08em]">
|
||||
NEEDS ASSET · foto real
|
||||
</p>
|
||||
<p class="mb-0 mt-[1mm] text-[6.9pt] leading-[1.22]">
|
||||
Solla na instituição ou na ação citada<br />origem, autoria e licença
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="mt-[3.3mm]" aria-labelledby="highlights-title">
|
||||
<div class="flex items-end justify-between gap-4 border-b-[0.3mm] border-line pb-[1.3mm]">
|
||||
<div
|
||||
class="flex items-end justify-between gap-4 border-b-[0.3mm] border-line pb-[1.3mm]"
|
||||
>
|
||||
<div>
|
||||
<p class="section-label">Destaques</p>
|
||||
<h2 id="highlights-title" class="m-0 text-[13.5pt] font-semibold leading-none tracking-[-0.015em]">Resultados em leitura rápida</h2>
|
||||
<h2
|
||||
id="highlights-title"
|
||||
class="m-0 text-[13.5pt] font-semibold leading-none tracking-[-0.015em]"
|
||||
>
|
||||
Resultados em leitura rápida
|
||||
</h2>
|
||||
</div>
|
||||
<p class="m-0 text-right text-[6.7pt] font-bold uppercase tracking-[.065em] text-ink-soft">cada número mantém sua fase e seu alcance</p>
|
||||
<p
|
||||
class="m-0 text-right text-[6.7pt] font-bold uppercase tracking-[.065em] text-ink-soft"
|
||||
>
|
||||
cada número mantém sua fase e seu alcance
|
||||
</p>
|
||||
</div>
|
||||
<div class="mt-[2.2mm] grid grid-cols-3 gap-[2mm]">
|
||||
<article class="highlight-card rounded-sm">
|
||||
|
|
@ -374,63 +414,121 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<section class="mt-[3mm] rounded-sm bg-accent-soft px-[3mm] pb-[2.3mm] pt-[2.5mm]" aria-labelledby="timeline-title">
|
||||
<section
|
||||
class="mt-[3mm] rounded-sm bg-accent-soft px-[3mm] pb-[2.3mm] pt-[2.5mm]"
|
||||
aria-labelledby="timeline-title"
|
||||
>
|
||||
<div class="flex items-center justify-between gap-4">
|
||||
<h2 id="timeline-title" class="m-0 text-[10.8pt] font-semibold">Uma trajetória de compromisso com o serviço público</h2>
|
||||
<p class="m-0 text-[6.5pt] font-bold uppercase tracking-[.075em] text-accent">quatro momentos · linguagem direta</p>
|
||||
<h2 id="timeline-title" class="m-0 text-[10.8pt] font-semibold">
|
||||
Uma trajetória de compromisso com o serviço público
|
||||
</h2>
|
||||
<p class="m-0 text-[6.5pt] font-bold uppercase tracking-[.075em] text-accent">
|
||||
quatro momentos · linguagem direta
|
||||
</p>
|
||||
</div>
|
||||
<div class="mt-[2.7mm] grid grid-cols-4">
|
||||
<div class="timeline-step">
|
||||
<p class="mb-[.7mm] text-[7.1pt] font-extrabold text-accent">1999–2002</p>
|
||||
<p class="m-0 text-[8.1pt] font-semibold leading-[1.16]">Gestão municipal da saúde</p>
|
||||
<p class="m-0 text-[8.1pt] font-semibold leading-[1.16]">
|
||||
Gestão municipal da saúde
|
||||
</p>
|
||||
</div>
|
||||
<div class="timeline-step">
|
||||
<p class="mb-[.7mm] text-[7.1pt] font-extrabold text-accent">2003–2005</p>
|
||||
<p class="m-0 text-[8.1pt] font-semibold leading-[1.16]">Atenção à saúde no governo federal</p>
|
||||
<p class="m-0 text-[8.1pt] font-semibold leading-[1.16]">
|
||||
Atenção à saúde no governo federal
|
||||
</p>
|
||||
</div>
|
||||
<div class="timeline-step">
|
||||
<p class="mb-[.7mm] text-[7.1pt] font-extrabold text-accent">2007–2014</p>
|
||||
<p class="m-0 text-[8.1pt] font-semibold leading-[1.16]">Secretaria da Saúde da Bahia</p>
|
||||
<p class="m-0 text-[8.1pt] font-semibold leading-[1.16]">
|
||||
Secretaria da Saúde da Bahia
|
||||
</p>
|
||||
</div>
|
||||
<div class="timeline-step">
|
||||
<p class="mb-[.7mm] text-[7.1pt] font-extrabold text-accent">2015–2027</p>
|
||||
<p class="m-0 text-[8.1pt] font-semibold leading-[1.16]">Atuação na Câmara Federal</p>
|
||||
<p class="m-0 text-[8.1pt] font-semibold leading-[1.16]">
|
||||
Atuação na Câmara Federal
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="mt-[3mm] grid grid-cols-[1fr_42mm] gap-[4mm]" aria-labelledby="more-title">
|
||||
<section
|
||||
class="mt-[3mm] grid grid-cols-[1fr_42mm] gap-[4mm]"
|
||||
aria-labelledby="more-title"
|
||||
>
|
||||
<div>
|
||||
<div class="flex items-end justify-between gap-4 border-b-[0.3mm] border-line pb-[1.2mm]">
|
||||
<div
|
||||
class="flex items-end justify-between gap-4 border-b-[0.3mm] border-line pb-[1.2mm]"
|
||||
>
|
||||
<div>
|
||||
<p class="section-label">E mais</p>
|
||||
<h2 id="more-title" class="m-0 text-[12pt] font-semibold leading-none">Outras ações confirmadas</h2>
|
||||
<h2 id="more-title" class="m-0 text-[12pt] font-semibold leading-none">
|
||||
Outras ações confirmadas
|
||||
</h2>
|
||||
</div>
|
||||
<p class="m-0 text-[6.5pt] font-bold uppercase tracking-[.065em] text-ink-soft">até 14 · sem completar por inferência</p>
|
||||
<p class="m-0 text-[6.5pt] font-bold uppercase tracking-[.065em] text-ink-soft">
|
||||
até 14 · sem completar por inferência
|
||||
</p>
|
||||
</div>
|
||||
<div class="mt-[2mm] grid grid-cols-2 gap-x-[4mm] gap-y-[1.25mm]">
|
||||
<p class="more-item mb-0"><strong>Estrutura:</strong> melhoria documentada na instituição.</p>
|
||||
<p class="more-item mb-0"><strong>Ensino:</strong> apoio comprovado a uma atividade.</p>
|
||||
<p class="more-item mb-0">
|
||||
<strong>Estrutura:</strong> melhoria documentada na instituição.
|
||||
</p>
|
||||
<p class="more-item mb-0">
|
||||
<strong>Ensino:</strong> apoio comprovado a uma atividade.
|
||||
</p>
|
||||
<p class="more-item mb-0"><strong>Pesquisa:</strong> projeto e papel exercido.</p>
|
||||
<p class="more-item mb-0"><strong>Extensão:</strong> público diretamente alcançado.</p>
|
||||
<p class="more-item mb-0"><strong>Direitos:</strong> ação institucional registrada.</p>
|
||||
<p class="more-item mb-0"><strong>Orçamento:</strong> valor com fase identificada.</p>
|
||||
<p class="more-item mb-0"><strong>Audiência:</strong> pauta e encaminhamento concreto.</p>
|
||||
<p class="more-item mb-0"><strong>Parceria:</strong> objeto e resultado da cooperação.</p>
|
||||
<p class="more-item mb-0"><strong>Setor:</strong> alcance compartilhado, sem somar.</p>
|
||||
<p class="more-item mb-0"><strong>Rede:</strong> entidades envolvidas e resultado.</p>
|
||||
<p class="more-item mb-0"><strong>Proposição:</strong> papel parlamentar comprovado.</p>
|
||||
<p class="more-item mb-0"><strong>Relatoria:</strong> etapa e efeito documentados.</p>
|
||||
<p class="more-item mb-0">
|
||||
<strong>Extensão:</strong> público diretamente alcançado.
|
||||
</p>
|
||||
<p class="more-item mb-0">
|
||||
<strong>Direitos:</strong> ação institucional registrada.
|
||||
</p>
|
||||
<p class="more-item mb-0">
|
||||
<strong>Orçamento:</strong> valor com fase identificada.
|
||||
</p>
|
||||
<p class="more-item mb-0">
|
||||
<strong>Audiência:</strong> pauta e encaminhamento concreto.
|
||||
</p>
|
||||
<p class="more-item mb-0">
|
||||
<strong>Parceria:</strong> objeto e resultado da cooperação.
|
||||
</p>
|
||||
<p class="more-item mb-0">
|
||||
<strong>Setor:</strong> alcance compartilhado, sem somar.
|
||||
</p>
|
||||
<p class="more-item mb-0">
|
||||
<strong>Rede:</strong> entidades envolvidas e resultado.
|
||||
</p>
|
||||
<p class="more-item mb-0">
|
||||
<strong>Proposição:</strong> papel parlamentar comprovado.
|
||||
</p>
|
||||
<p class="more-item mb-0">
|
||||
<strong>Relatoria:</strong> etapa e efeito documentados.
|
||||
</p>
|
||||
<p class="more-item mb-0"><strong>Homenagem:</strong> nome oficial e ano.</p>
|
||||
<p class="more-item mb-0"><strong>Articulação:</strong> entrega distinta do anúncio.</p>
|
||||
<p class="more-item mb-0">
|
||||
<strong>Articulação:</strong> entrega distinta do anúncio.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<aside class="grid grid-rows-2 gap-[2.2mm]" aria-label="Ativos visuais pendentes">
|
||||
<div class="asset-box flex min-h-[24mm] items-center justify-center rounded-sm p-[2.5mm] text-center">
|
||||
<p class="m-0 text-[6.9pt] leading-[1.22]"><strong class="uppercase tracking-[.06em]">NEEDS ASSET · selo</strong><br />marca autorizada da instituição<br />arquivo vetorial</p>
|
||||
<div
|
||||
class="asset-box flex min-h-[24mm] items-center justify-center rounded-sm p-[2.5mm] text-center"
|
||||
>
|
||||
<p class="m-0 text-[6.9pt] leading-[1.22]">
|
||||
<strong class="uppercase tracking-[.06em]">NEEDS ASSET · selo</strong><br />marca
|
||||
autorizada da instituição<br />arquivo vetorial
|
||||
</p>
|
||||
</div>
|
||||
<div class="asset-box flex min-h-[24mm] items-center justify-center rounded-sm p-[2.5mm] text-center">
|
||||
<p class="m-0 text-[6.9pt] leading-[1.22]"><strong class="uppercase tracking-[.06em]">NEEDS ASSET · clipping</strong><br />registro real da ação<br />origem e licença</p>
|
||||
<div
|
||||
class="asset-box flex min-h-[24mm] items-center justify-center rounded-sm p-[2.5mm] text-center"
|
||||
>
|
||||
<p class="m-0 text-[6.9pt] leading-[1.22]">
|
||||
<strong class="uppercase tracking-[.06em]">NEEDS ASSET · clipping</strong
|
||||
><br />registro real da ação<br />origem e licença
|
||||
</p>
|
||||
</div>
|
||||
</aside>
|
||||
</section>
|
||||
|
|
@ -438,10 +536,20 @@
|
|||
<footer class="mt-auto border-t-[0.35mm] border-line pt-[2mm]">
|
||||
<div class="flex items-end justify-between gap-[5mm]">
|
||||
<div>
|
||||
<p class="mb-[.7mm] text-[7pt] font-semibold leading-[1.22] text-accent">Conteúdo selecionado do dossiê institucional.</p>
|
||||
<p class="m-0 max-w-[145mm] text-[7.1pt] leading-[1.25] text-ink-soft"><strong class="text-warning">Controle editorial:</strong> fase acompanha cada valor · instituição, setor e rede não são somados · sem percentual estadual absoluto.</p>
|
||||
<p class="mb-[.7mm] text-[7pt] font-semibold leading-[1.22] text-accent">
|
||||
Conteúdo selecionado do dossiê institucional.
|
||||
</p>
|
||||
<p class="m-0 max-w-[145mm] text-[7.1pt] leading-[1.25] text-ink-soft">
|
||||
<strong class="text-warning">Controle editorial:</strong> fase acompanha cada
|
||||
valor · instituição, setor e rede não são somados · sem percentual estadual
|
||||
absoluto.
|
||||
</p>
|
||||
</div>
|
||||
<p class="m-0 shrink-0 text-right text-[7pt] font-semibold leading-[1.28] text-ink-soft">MODELO · INSUMO INTERNO<br />A4 · página 1/1</p>
|
||||
<p
|
||||
class="m-0 shrink-0 text-right text-[7pt] font-semibold leading-[1.28] text-ink-soft"
|
||||
>
|
||||
MODELO · INSUMO INTERNO<br />A4 · página 1/1
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
|
|
@ -452,8 +560,13 @@
|
|||
<p class="scene-label mb-2 text-xs font-bold uppercase tracking-[0.12em] text-ink-soft">
|
||||
Cena 02 · Variação de lacuna · poucos fatos documentados
|
||||
</p>
|
||||
<article class="sheet" aria-label="Variação do boletim institucional com poucos fatos documentados">
|
||||
<header class="flex items-center justify-between gap-[5mm] border-b-[0.55mm] border-ink pb-[2.4mm]">
|
||||
<article
|
||||
class="sheet"
|
||||
aria-label="Variação do boletim institucional com poucos fatos documentados"
|
||||
>
|
||||
<header
|
||||
class="flex items-center justify-between gap-[5mm] border-b-[0.55mm] border-ink pb-[2.4mm]"
|
||||
>
|
||||
<div>
|
||||
<p class="kicker mb-[1mm]">Boletim informativo · atuação pública</p>
|
||||
<p class="m-0 text-[11pt] font-extrabold">Instituição Exemplo</p>
|
||||
|
|
@ -467,107 +580,229 @@
|
|||
</header>
|
||||
|
||||
<div class="defeso-band mt-[2.2mm]" role="note" aria-label="Nota de defeso eleitoral">
|
||||
<span>DEFESO 2026 · material em preparação · não publicar sem revisão editorial e jurídica</span>
|
||||
<span
|
||||
>DEFESO 2026 · material em preparação · não publicar sem revisão editorial e
|
||||
jurídica</span
|
||||
>
|
||||
<span class="shrink-0 uppercase tracking-[.07em]">sem CTA · sem propaganda</span>
|
||||
</div>
|
||||
|
||||
<section class="mt-[3.2mm] grid grid-cols-[1fr_55mm] gap-[5mm]" aria-label="Abertura da variação com lacunas">
|
||||
<section
|
||||
class="mt-[3.2mm] grid grid-cols-[1fr_55mm] gap-[5mm]"
|
||||
aria-label="Abertura da variação com lacunas"
|
||||
>
|
||||
<div>
|
||||
<p class="section-label">Somente o que está documentado</p>
|
||||
<h1 id="sparse-title" class="m-0 text-[23pt] font-semibold leading-[1] tracking-[-0.038em]">O que Jorge Solla fez pela e na <span class="text-accent">Instituição Exemplo</span></h1>
|
||||
<p class="mb-0 mt-[2.5mm] text-[10.4pt] leading-[1.32] text-ink-soft">Esta versão tem poucos registros confirmados. Em vez de preencher espaço, mostra só os fatos que o dossiê sustenta.</p>
|
||||
<h1
|
||||
id="sparse-title"
|
||||
class="m-0 text-[23pt] font-semibold leading-[1] tracking-[-0.038em]"
|
||||
>
|
||||
O que Jorge Solla fez pela e na <span class="text-accent">Instituição Exemplo</span>
|
||||
</h1>
|
||||
<p class="mb-0 mt-[2.5mm] text-[10.4pt] leading-[1.32] text-ink-soft">
|
||||
Esta versão tem poucos registros confirmados. Em vez de preencher espaço, mostra só
|
||||
os fatos que o dossiê sustenta.
|
||||
</p>
|
||||
</div>
|
||||
<div class="asset-box flex min-h-[39mm] flex-col items-center justify-center rounded-sm p-[3mm] text-center">
|
||||
<svg class="mb-[1.5mm] h-6 w-6 text-accent" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true">
|
||||
<div
|
||||
class="asset-box flex min-h-[39mm] flex-col items-center justify-center rounded-sm p-[3mm] text-center"
|
||||
>
|
||||
<svg
|
||||
class="mb-[1.5mm] h-6 w-6 text-accent"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="1.8"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<rect x="3" y="5" width="18" height="14" rx="2" />
|
||||
<circle cx="8.5" cy="10" r="1.5" />
|
||||
<path d="m21 15-5-5L5 19" />
|
||||
</svg>
|
||||
<p class="m-0 text-[7.4pt] font-extrabold uppercase tracking-[.08em]">NEEDS ASSET · foto ou clipping</p>
|
||||
<p class="mb-0 mt-[1mm] text-[6.9pt] leading-[1.22]">somente registro relacionado ao fato<br />origem, autoria e licença</p>
|
||||
<p class="m-0 text-[7.4pt] font-extrabold uppercase tracking-[.08em]">
|
||||
NEEDS ASSET · foto ou clipping
|
||||
</p>
|
||||
<p class="mb-0 mt-[1mm] text-[6.9pt] leading-[1.22]">
|
||||
somente registro relacionado ao fato<br />origem, autoria e licença
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="mt-[5mm]" aria-labelledby="sparse-highlights">
|
||||
<div class="flex items-end justify-between gap-4 border-b-[0.3mm] border-line pb-[1.5mm]">
|
||||
<div
|
||||
class="flex items-end justify-between gap-4 border-b-[0.3mm] border-line pb-[1.5mm]"
|
||||
>
|
||||
<div>
|
||||
<p class="section-label">Destaques</p>
|
||||
<h2 id="sparse-highlights" class="m-0 text-[14pt] font-semibold leading-none">Dois fatos, sem enchimento</h2>
|
||||
<h2 id="sparse-highlights" class="m-0 text-[14pt] font-semibold leading-none">
|
||||
Dois fatos, sem enchimento
|
||||
</h2>
|
||||
</div>
|
||||
<p class="m-0 text-right text-[6.8pt] font-bold uppercase tracking-[.07em] text-warning">não criar cards vazios para chegar a seis</p>
|
||||
<p
|
||||
class="m-0 text-right text-[6.8pt] font-bold uppercase tracking-[.07em] text-warning"
|
||||
>
|
||||
não criar cards vazios para chegar a seis
|
||||
</p>
|
||||
</div>
|
||||
<div class="mt-[3mm] grid grid-cols-2 gap-[3mm]">
|
||||
<article class="highlight-card min-h-[37mm] rounded-sm p-[4mm]">
|
||||
<p class="highlight-eyebrow">Atuação · instituição</p>
|
||||
<p class="highlight-number tabular">00 ações</p>
|
||||
<h3 class="highlight-title text-[12pt]">com resultado documentado</h3>
|
||||
<p class="highlight-note text-[8.4pt]">Substituir pela contagem confirmada e explicar o resultado em uma frase.</p>
|
||||
<p class="highlight-note text-[8.4pt]">
|
||||
Substituir pela contagem confirmada e explicar o resultado em uma frase.
|
||||
</p>
|
||||
</article>
|
||||
<article class="highlight-card min-h-[37mm] rounded-sm p-[4mm]">
|
||||
<p class="highlight-eyebrow">Direitos · setor</p>
|
||||
<p class="highlight-number tabular">AAAA</p>
|
||||
<h3 class="highlight-title text-[12pt]">ano de uma ação confirmada</h3>
|
||||
<p class="highlight-note text-[8.4pt]">O alcance setorial permanece separado da instituição.</p>
|
||||
<p class="highlight-note text-[8.4pt]">
|
||||
O alcance setorial permanece separado da instituição.
|
||||
</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="mt-[4.5mm] rounded-sm bg-accent-soft px-[3.5mm] pb-[3mm] pt-[3.2mm]" aria-labelledby="sparse-timeline">
|
||||
<section
|
||||
class="mt-[4.5mm] rounded-sm bg-accent-soft px-[3.5mm] pb-[3mm] pt-[3.2mm]"
|
||||
aria-labelledby="sparse-timeline"
|
||||
>
|
||||
<div class="flex items-center justify-between gap-4">
|
||||
<h2 id="sparse-timeline" class="m-0 text-[11.5pt] font-semibold">Uma trajetória de compromisso com o serviço público</h2>
|
||||
<p class="m-0 text-[6.7pt] font-bold uppercase tracking-[.08em] text-accent">contexto de carreira · não substitui fato institucional</p>
|
||||
<h2 id="sparse-timeline" class="m-0 text-[11.5pt] font-semibold">
|
||||
Uma trajetória de compromisso com o serviço público
|
||||
</h2>
|
||||
<p class="m-0 text-[6.7pt] font-bold uppercase tracking-[.08em] text-accent">
|
||||
contexto de carreira · não substitui fato institucional
|
||||
</p>
|
||||
</div>
|
||||
<div class="mt-[3mm] grid grid-cols-4">
|
||||
<div class="timeline-step"><p class="mb-[.7mm] text-[7.2pt] font-extrabold text-accent">1999–2002</p><p class="m-0 text-[8.4pt] font-semibold leading-[1.18]">Gestão municipal da saúde</p></div>
|
||||
<div class="timeline-step"><p class="mb-[.7mm] text-[7.2pt] font-extrabold text-accent">2003–2005</p><p class="m-0 text-[8.4pt] font-semibold leading-[1.18]">Atenção à saúde no governo federal</p></div>
|
||||
<div class="timeline-step"><p class="mb-[.7mm] text-[7.2pt] font-extrabold text-accent">2007–2014</p><p class="m-0 text-[8.4pt] font-semibold leading-[1.18]">Secretaria da Saúde da Bahia</p></div>
|
||||
<div class="timeline-step"><p class="mb-[.7mm] text-[7.2pt] font-extrabold text-accent">2015–2027</p><p class="m-0 text-[8.4pt] font-semibold leading-[1.18]">Atuação na Câmara Federal</p></div>
|
||||
<div class="timeline-step">
|
||||
<p class="mb-[.7mm] text-[7.2pt] font-extrabold text-accent">1999–2002</p>
|
||||
<p class="m-0 text-[8.4pt] font-semibold leading-[1.18]">
|
||||
Gestão municipal da saúde
|
||||
</p>
|
||||
</div>
|
||||
<div class="timeline-step">
|
||||
<p class="mb-[.7mm] text-[7.2pt] font-extrabold text-accent">2003–2005</p>
|
||||
<p class="m-0 text-[8.4pt] font-semibold leading-[1.18]">
|
||||
Atenção à saúde no governo federal
|
||||
</p>
|
||||
</div>
|
||||
<div class="timeline-step">
|
||||
<p class="mb-[.7mm] text-[7.2pt] font-extrabold text-accent">2007–2014</p>
|
||||
<p class="m-0 text-[8.4pt] font-semibold leading-[1.18]">
|
||||
Secretaria da Saúde da Bahia
|
||||
</p>
|
||||
</div>
|
||||
<div class="timeline-step">
|
||||
<p class="mb-[.7mm] text-[7.2pt] font-extrabold text-accent">2015–2027</p>
|
||||
<p class="m-0 text-[8.4pt] font-semibold leading-[1.18]">
|
||||
Atuação na Câmara Federal
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="mt-[4.5mm] grid grid-cols-[1.15fr_.85fr] gap-[4mm]" aria-labelledby="sparse-more">
|
||||
<section
|
||||
class="mt-[4.5mm] grid grid-cols-[1.15fr_.85fr] gap-[4mm]"
|
||||
aria-labelledby="sparse-more"
|
||||
>
|
||||
<div>
|
||||
<p class="section-label">E mais</p>
|
||||
<h2 id="sparse-more" class="m-0 border-b-[0.3mm] border-line pb-[1.5mm] text-[13pt] font-semibold leading-none">Outros registros confirmados</h2>
|
||||
<h2
|
||||
id="sparse-more"
|
||||
class="m-0 border-b-[0.3mm] border-line pb-[1.5mm] text-[13pt] font-semibold leading-none"
|
||||
>
|
||||
Outros registros confirmados
|
||||
</h2>
|
||||
<div class="mt-[3mm] grid grid-cols-2 gap-x-[5mm] gap-y-[2.8mm]">
|
||||
<p class="more-item mb-0"><strong>Audiência:</strong> pauta e encaminhamento documentados.</p>
|
||||
<p class="more-item mb-0"><strong>Articulação:</strong> participantes e resultado confirmado.</p>
|
||||
<p class="more-item mb-0"><strong>Setor:</strong> alcance compartilhado, sem somar.</p>
|
||||
<p class="more-item mb-0"><strong>Registro:</strong> nome oficial e ano conferidos.</p>
|
||||
<p class="more-item mb-0">
|
||||
<strong>Audiência:</strong> pauta e encaminhamento documentados.
|
||||
</p>
|
||||
<p class="more-item mb-0">
|
||||
<strong>Articulação:</strong> participantes e resultado confirmado.
|
||||
</p>
|
||||
<p class="more-item mb-0">
|
||||
<strong>Setor:</strong> alcance compartilhado, sem somar.
|
||||
</p>
|
||||
<p class="more-item mb-0">
|
||||
<strong>Registro:</strong> nome oficial e ano conferidos.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<aside class="lacuna-panel rounded-sm p-[4mm]" aria-label="Regra editorial para poucos fatos">
|
||||
<aside
|
||||
class="lacuna-panel rounded-sm p-[4mm]"
|
||||
aria-label="Regra editorial para poucos fatos"
|
||||
>
|
||||
<div class="flex items-start gap-[2.5mm]">
|
||||
<svg class="mt-[.4mm] h-5 w-5 shrink-0 text-warning" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||||
<path d="M10.3 2.9 1.8 17a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 2.9a2 2 0 0 0-3.4 0Z" />
|
||||
<svg
|
||||
class="mt-[.4mm] h-5 w-5 shrink-0 text-warning"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="2"
|
||||
aria-hidden="true"
|
||||
>
|
||||
<path
|
||||
d="M10.3 2.9 1.8 17a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 2.9a2 2 0 0 0-3.4 0Z"
|
||||
/>
|
||||
<path d="M12 9v4M12 17h.01" />
|
||||
</svg>
|
||||
<div>
|
||||
<p class="m-0 text-[10.5pt] font-extrabold">A página termina com espaço — de propósito.</p>
|
||||
<p class="mb-0 mt-[2mm] text-[8.7pt] leading-[1.35]">Não repetir item, não ampliar efeito e não preencher com ação de setor ou rede como se fosse entrega exclusiva da instituição.</p>
|
||||
<p class="m-0 text-[10.5pt] font-extrabold">
|
||||
A página termina com espaço — de propósito.
|
||||
</p>
|
||||
<p class="mb-0 mt-[2mm] text-[8.7pt] leading-[1.35]">
|
||||
Não repetir item, não ampliar efeito e não preencher com ação de setor ou rede
|
||||
como se fosse entrega exclusiva da instituição.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-[4mm] border-t border-[#d8bb8d] pt-[3mm] text-[7.5pt] font-bold uppercase leading-[1.35] tracking-[.055em]">Poucos fatos com lastro > página cheia sem lastro</div>
|
||||
<div
|
||||
class="mt-[4mm] border-t border-[#d8bb8d] pt-[3mm] text-[7.5pt] font-bold uppercase leading-[1.35] tracking-[.055em]"
|
||||
>
|
||||
Poucos fatos com lastro > página cheia sem lastro
|
||||
</div>
|
||||
</aside>
|
||||
</section>
|
||||
|
||||
<section class="mt-[6mm] grid grid-cols-[1fr_48mm] gap-[4mm]">
|
||||
<div class="rounded-sm border border-line bg-wash p-[4mm]">
|
||||
<p class="section-label">Nota de produção</p>
|
||||
<p class="m-0 text-[9.2pt] leading-[1.38] text-ink-soft">Se novos fatos forem documentados, eles entram por relevância — até seis destaques e até quatorze itens. A ausência nunca vira número zero, percentual ou afirmação genérica.</p>
|
||||
<p class="m-0 text-[9.2pt] leading-[1.38] text-ink-soft">
|
||||
Se novos fatos forem documentados, eles entram por relevância — até seis destaques e
|
||||
até quatorze itens. A ausência nunca vira número zero, percentual ou afirmação
|
||||
genérica.
|
||||
</p>
|
||||
</div>
|
||||
<div class="asset-box flex min-h-[28mm] items-center justify-center rounded-sm p-[3mm] text-center">
|
||||
<p class="m-0 text-[7.1pt] leading-[1.3]"><strong class="uppercase tracking-[.06em]">NEEDS ASSET · selo</strong><br />marca autorizada da instituição<br />arquivo vetorial</p>
|
||||
<div
|
||||
class="asset-box flex min-h-[28mm] items-center justify-center rounded-sm p-[3mm] text-center"
|
||||
>
|
||||
<p class="m-0 text-[7.1pt] leading-[1.3]">
|
||||
<strong class="uppercase tracking-[.06em]">NEEDS ASSET · selo</strong><br />marca
|
||||
autorizada da instituição<br />arquivo vetorial
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="mt-auto border-t-[0.35mm] border-line pt-[2.2mm]">
|
||||
<div class="flex items-end justify-between gap-[5mm]">
|
||||
<div>
|
||||
<p class="mb-[.8mm] text-[7.2pt] font-semibold leading-[1.25] text-accent">Conteúdo selecionado do dossiê institucional.</p>
|
||||
<p class="m-0 max-w-[144mm] text-[7.3pt] leading-[1.28] text-ink-soft"><strong class="text-warning">Controle editorial:</strong> fase acompanha cada valor · instituição, setor e rede não são somados · sem percentual estadual absoluto.</p>
|
||||
<p class="mb-[.8mm] text-[7.2pt] font-semibold leading-[1.25] text-accent">
|
||||
Conteúdo selecionado do dossiê institucional.
|
||||
</p>
|
||||
<p class="m-0 max-w-[144mm] text-[7.3pt] leading-[1.28] text-ink-soft">
|
||||
<strong class="text-warning">Controle editorial:</strong> fase acompanha cada
|
||||
valor · instituição, setor e rede não são somados · sem percentual estadual
|
||||
absoluto.
|
||||
</p>
|
||||
</div>
|
||||
<p class="m-0 shrink-0 text-right text-[7.2pt] font-semibold leading-[1.3] text-ink-soft">MODELO · INSUMO INTERNO<br />A4 · página 1/1</p>
|
||||
<p
|
||||
class="m-0 shrink-0 text-right text-[7.2pt] font-semibold leading-[1.3] text-ink-soft"
|
||||
>
|
||||
MODELO · INSUMO INTERNO<br />A4 · página 1/1
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
|
|
|
|||
|
|
@ -71,6 +71,7 @@ A equipe de comunicação/mandato precisa preparar **agendas institucionais** (v
|
|||
**Boletim modelo (literais de produto):** **1 página A4**; público-alvo **eleitores** (linguagem simples, sem jargão orçamentário); síntese **densa e direta** com **números destacados** quando houver; **≤6 destaques** + **≤14 itens** em "E mais" (todo item herdado carrega fonte no dossiê); timeline da trajetória; **sem declaração de fontes** (as fontes ficam exclusivamente no dossiê); rótulo **"Modelo — insumo interno"** + nota de defeso; **sem CTA/propaganda**; `NEEDS ASSET` para foto/selo/clipping. Herda **apenas** fatos já com fonte do dossiê (ledger), nunca introduz fato novo.
|
||||
|
||||
**Fontes de dados (verbatim):**
|
||||
|
||||
- Câmara dados abertos v2 (sem auth) `https://dadosabertos.camara.leg.br/api/v2`; deputy id **178857**; `/deputados/178857/discursos?dataInicio=&dataFim=` (**default 7 dias — sempre passar janela**); `/proposicoes?idDeputadoAutor=178857`; relatorias saem de `/proposicoes/{id}/tramitacoes`.
|
||||
- Portal da Transparência CGU `https://api.portaldatransparencia.gov.br/api-de-dados`, header `chave-api-dados`, env `PORTAL_TRANSPARENCIA_API_KEY`; `/emendas` (**não filtra por município/instituição**; sem atribuição → **lacuna**, nunca zero silencioso); anos do mandato **2015–2026**. Complemento: Siga Brasil (Senado) e TCU – Painel de Execução de Emendas.
|
||||
- Acervo interno Teqo **read-only** (homeserver): `Speech`/`SpeechSegment`/`SpeechCut`; facetas `src/lib/speechFacets.ts` (18 temas). **Mapa instituição→tema(s)** é fonte-chave do recorte institucional (ex.: Enfermagem→Saúde; UFBA→Educação/Ciência e Tecnologia); extração serializada com guard de confirmação (como C163/C186).
|
||||
|
|
|
|||
Loading…
Reference in a new issue