Templates HTML param-driven para produção de posters 1080×1350 / 1080×1080 / 1080×1920 · Bolder AI Creative Studio
| Família | Descrição | URL | Status |
|---|---|---|---|
| F01 Product Hero Editorial | Hero full-bleed com tipografia editorial sobreposta. Outpaint Gemini. | f01.html | v1 live |
| F02 Full-Color Poster | Hero dominante + display title bottom + overlay gradient. Outpaint Gemini. | f02.html | v1 live |
| F03 Action & Motion | Diagonal block + hero recortado + tipografia rotativa. Cover-crop nativo. | f03.html | v1 live |
| F05A Editorial Grid Flat-Lay | deprecated · comporta-se como F02 disfarçado | f05a.html | deprecated |
| F05B Editorial Grid Info-Graphic | deprecated · pendente rewrite | f05b.html | deprecated |
| F06 Repetitive Background | Subject isolado sobre fundo de tipografia repetida. Isolate rembg+Gemini. | f06.html | v1 live |
| F07 Hero Band Top | Hero band horizontal no topo + bloco tipográfico bottom. Outpaint Gemini. | f07.html | v1 live |
| F08 Slice Vertical | Slice diagonal com hero + bloco de cor sólida. Cover-crop nativo. | f08.html | v1 live |
| F09 Negative Space Float editor | Subject pequeno flutuante + tipografia em negative space. Isolate rembg+Gemini. Editor interactivo activo. | f09.html | v1.9 live |
| F10 Circle Frame | Subject dentro de círculo + tipografia em volta. Isolate rembg+Gemini. | f10.html | v1 live |
hero URL da imagem hero (default: assets/hero-sample.png) logo URL do logo (default: assets/logo.png) selo URL do selo (default: assets/selo-default.png) title Título Oswald Bold. "|" = quebra de linha info_top Ingredientes, tracked caps accent Claim italic Cormorant info_bottom Footer tracked format 'WxH' (1080x1350 default · 1080x1080 · 1080x1920) display_size Font-size px do título accent_size Font-size px do accent overlay_strength 0.0 a 1.6, multiplica gradient (F02 only) hero_position CSS background-position bg_color Hex color do background (F06/F09/F10) show_logo 1 | 0 show_selo 1 | 0 show_accent 1 | 0 show_info_top 1 | 0 show_info_bottom 1 | 0
logo_position top-left (default) | top-center | top-right | bottom-left | bottom-right | hidden logo_scale 0.6 a 1.4 (default 1.0) selo_position top-right (default) | top-left | top-center | bottom-left | bottom-right | over-hero | hidden selo_scale 0.5 a 1.6 (default 1.0)
z_<layer> z-index numérico (override CSS) — controla ordenação de layers
<layer>_color CSS color override por layer de texto (paleta Blueprint)
<layer>_x offset horizontal em px (default 0)
<layer>_y offset vertical em px (default 0)
<layer>_rotation graus de rotação (default 0)
<layer>_scale multiplicador de escala (default 1.0)
<layer> ∈ { hero, title, accent, info_top, info_bottom, logo, selo }
Ex: ?z_hero=5&hero_x=24&title_color=%23D9C8A8&title_rotation=-3
f09.html?title=Aperol%7CSpritz&info_top=Aperol · Soda · Espumante&accent=Sem pressa. Com rio.&info_bottom=Valada do Ribatejo · sorio.pt&z_hero=5&hero_x=12
Hero (drop ou catalogue) → outpaint ou isolate (consoante família) → URL desta página com params → Playwright headless @ format requested → PNG publicável → Critique Anthropic → fine-tune (chat NL ou direct edit ou editor interactivo).
Render Engine v1.9 · Verão Sem Pressa · uplanetgeral@gmail.com