| 1 | spec_version: 1 |
| 2 | id: frame-bold-poster |
| 3 | name: Bold Poster |
| 4 | description: > |
| 5 | A 1970s European editorial poster, in motion. A red rule draws across under a mono |
| 6 | kicker, a giant Shrikhand figure rotates and drops in, a three-line headline rises |
| 7 | line-by-line each on its own tilt, an italic serif standfirst fades up, and an ink |
| 8 | footer rule draws in. Loud, confident, unmistakably print. Distilled from the |
| 9 | frontend-slides "Bold Poster" template. |
| 10 | |
| 11 | engine: hyperframes |
| 12 | engine_version: ^0.4.0 |
| 13 | source_entry: source/index.html |
| 14 | |
| 15 | category: presentation |
| 16 | subcategory: statement-title |
| 17 | tags: [poster, editorial, bold, serif, red, print, manifesto, tilted, high-impact] |
| 18 | |
| 19 | best_for: |
| 20 | - "Brand manifesto / vision statement" |
| 21 | - "Editorial or cultural pitch opener" |
| 22 | - "A few words that should feel like a magazine cover" |
| 23 | |
| 24 | output: |
| 25 | formats: [mp4, webm] |
| 26 | default_format: mp4 |
| 27 | resolution: |
| 28 | default: { width: 1920, height: 1080 } |
| 29 | supported_aspects: ["16:9", "9:16", "1:1"] |
| 30 | fps: |
| 31 | default: 60 |
| 32 | supported: [30, 60] |
| 33 | duration: |
| 34 | type: variable |
| 35 | min_sec: 4 |
| 36 | max_sec: 6 |
| 37 | alpha: false |
| 38 | audio: |
| 39 | supported: true |
| 40 | expected_inputs: [bgm] |
| 41 | |
| 42 | inputs: |
| 43 | schema: |
| 44 | type: object |
| 45 | required: [headline] |
| 46 | properties: |
| 47 | kicker: |
| 48 | type: "string" |
| 49 | maxLength: 24 |
| 50 | description: "Small uppercase mono label, top-left (e.g. Manifesto)" |
| 51 | date: |
| 52 | type: "string" |
| 53 | maxLength: 24 |
| 54 | description: "Top-right mono metadata (e.g. Vol. 04 · 2026)" |
| 55 | figure: |
| 56 | type: "string" |
| 57 | maxLength: 4 |
| 58 | description: "Giant red display figure (e.g. a number or 1-2 chars)" |
| 59 | headline: |
| 60 | type: "array" |
| 61 | items: { type: "string" } |
| 62 | maxItems: 3 |
| 63 | description: "Up to 3 headline lines; line 2 renders in red" |
| 64 | standfirst: |
| 65 | type: "string" |
| 66 | maxLength: 160 |
| 67 | description: "Italic serif sub-line under the headline" |
| 68 | footer_left: |
| 69 | type: "string" |
| 70 | maxLength: 32 |
| 71 | description: "Footer left metadata" |
| 72 | footer_right: |
| 73 | type: "string" |
| 74 | maxLength: 32 |
| 75 | description: "Footer right metadata (renders in red)" |
| 76 | duration_sec: |
| 77 | type: "number" |
| 78 | minimum: 4 |
| 79 | maximum: 6 |
| 80 | default: 5 |
| 81 | examples: |
| 82 | - {"kicker": "Manifesto", "date": "Vol. 04 · 2026", "figure": "03", "headline": ["Make it", "loud.", "Make it last."], "standfirst": "Every slide should land like a printed page — heavy type, one red accent, ruled in ink.", "footer_left": "Bold Poster", "footer_right": "html-video"} |
| 83 | |
| 84 | license: |
| 85 | spdx: Apache-2.0 |
| 86 | attribution_required: true |
| 87 | redistribution_allowed: true |
| 88 | commercial_use: true |
| 89 | |
| 90 | provenance: |
| 91 | # L1 — original design inspiration (real world) |
| 92 | origin: |
| 93 | name: "1970s European editorial / poster tradition" |
| 94 | kind: movement |
| 95 | reference: > |
| 96 | No single studio — the upstream template names vintage Italian sports magazines, |
| 97 | mid-century European brand annual reports, and wine-merchant catalogues as its |
| 98 | visual lineage. Recorded as a tradition, not a specific firm. |
| 99 | # L2 — the open-source skill we actually transformed from (license governs here) |
| 100 | via_skill: |
| 101 | name: frontend-slides |
| 102 | author: "Zara Zhang" |
| 103 | url: https://github.com/zarazhangrui/frontend-slides |
| 104 | license: MIT |
| 105 | source_file: "bold-template-pack/templates/bold-poster/design.md" |
| 106 | # L3 — what this template does |
| 107 | transformation: > |
| 108 | Static slide design spec → animated hyperframes timeline (red kicker rule draws in, |
| 109 | a giant Shrikhand figure rotates + drops, a three-line headline rises line-by-line |
| 110 | each tilted, an italic serif standfirst fades, an ink footer rule draws in) built as |
| 111 | original CSS keyframes. Palette (#FFFFFF / #1C1410 / #D8000F / #F5F2EF) and the |
| 112 | three-face type stack (Shrikhand / Libre Baskerville / Space Grotesk) follow the |
| 113 | upstream spec; sample copy is original; no upstream source HTML copied verbatim. |
| 114 | |
| 115 | author: |
| 116 | name: nexu-io |
| 117 | url: https://github.com/nexu-io |
| 118 | contact: open-design@nexu.io |
| 119 | |
| 120 | version: 0.1.0 |
| 121 | changelog: |
| 122 | - version: 0.1.0 |
| 123 | date: 2026-06-05 |
| 124 | notes: Distilled from the frontend-slides Bold Poster template into an animated html-video template. |
| 125 | |
| 126 | preview: |
| 127 | poster: preview.png |
| 128 | |
| 129 | performance: |
| 130 | reference_render: |
| 131 | duration_sec: 5 |
| 132 | render_wall_clock_sec: 10 |
| 133 | machine: "M2 MacBook Air" |
| 134 |