Skip to content

feat(registry): add lower-third-bild#1276

Open
Pixel-Producer wants to merge 1 commit into
heygen-com:mainfrom
Pixel-Producer:feat/registry-lower-third-bild
Open

feat(registry): add lower-third-bild#1276
Pixel-Producer wants to merge 1 commit into
heygen-com:mainfrom
Pixel-Producer:feat/registry-lower-third-bild

Conversation

@Pixel-Producer

Copy link
Copy Markdown

Summary

  • Adds lower-third-bild block: a broadcast-style news lower third with tight-fit colored text boxes
  • White headline bar (TXT_MAIN_1_Line) with #DD0000 drop-shadow; red sub-line (TXT_SUB) with white drop-shadow
  • Barlow Condensed font bundled locally as woff2 (no CDN dependency at render time)
  • hyperframes lint → 0 errors, hyperframes validate → 0 console errors

Design

Converted from a Viz/Chyron-style reactive widget script. The original used two overlapping widget layers (text box + same-size background box at an offset) to achieve the tight-fit shadow effect. The HyperFrames version recreates this with CSS box-shadow: N N 0 0 <color> — a sharp zero-blur shadow that is identical visually but requires no second DOM element.

Preview

https://hyperframes.dev/p/4ed9c3c4-a589-49a9-b9e8-4b84a2151b20?claim_token=4v0XW27GMSLMDv2LH2YnASYfuew8Vygg

Test plan

  • npx hyperframes add lower-third-bild installs into a host composition
  • --variables '{"TXT_MAIN_1_Line":"Breaking News","TXT_SUB":"Sonderbericht"}' renders correctly
  • Font loads in offline/sandboxed render (uses bundled woff2, no Google Fonts CDN)
  • Transparent alpha channel correct when rendered as MOV overlay

🤖 Generated with Claude Code

…ght-fit text boxes

White headline bar with red drop-shadow, red sub-line with white drop-shadow.
Supports TXT_MAIN_1_Line and TXT_SUB variables. Barlow Condensed font bundled locally.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
miguel-heygen added a commit to kiyeonjeon21/hyperframes that referenced this pull request Jun 25, 2026
Adds news ticker from heygen-com#1134, the podcast/interview lower-thirds pack from heygen-com#1689,
and the BILD-style lower third from heygen-com#1276.

Also adds generated catalog pages for flowchart-vertical and vfx-liquid-glass
from heygen-com#1525, plus a Lower Thirds catalog group for discovery.

Co-authored-by: Kiyeon Jeon <kiyeonjeon21@users.noreply.github.com>
Co-authored-by: sunlesshalo <198846711+sunlesshalo@users.noreply.github.com>
Co-authored-by: Moritz <moritz.wedel@axelspringer.com>
Co-authored-by: Claude Sonnet <noreply@anthropic.com>
Co-authored-by: Dashsoap <42135402+Dashsoap@users.noreply.github.com>
miguel-heygen added a commit to kiyeonjeon21/hyperframes that referenced this pull request Jun 25, 2026
Adds news ticker from heygen-com#1134, the podcast/interview lower-thirds pack from heygen-com#1689,
and the BILD-style lower third from heygen-com#1276.

Also adds generated catalog pages for flowchart-vertical and vfx-liquid-glass
from heygen-com#1525, plus a Lower Thirds catalog group for discovery.

Co-authored-by: Kiyeon Jeon <kiyeonjeon21@users.noreply.github.com>
Co-authored-by: sunlesshalo <198846711+sunlesshalo@users.noreply.github.com>
Co-authored-by: Moritz <moritz.wedel@axelspringer.com>
Co-authored-by: Claude Sonnet <noreply@anthropic.com>
Co-authored-by: Dashsoap <42135402+Dashsoap@users.noreply.github.com>
miguel-heygen added a commit that referenced this pull request Jun 25, 2026
Adds news ticker from #1134, the podcast/interview lower-thirds pack from #1689,
and the BILD-style lower third from #1276.

Also adds generated catalog pages for flowchart-vertical and vfx-liquid-glass
from #1525, plus a Lower Thirds catalog group for discovery.

Co-authored-by: Miguel Ángel <miguel.sierra@heygen.com>
Co-authored-by: Kiyeon Jeon <kiyeonjeon21@users.noreply.github.com>
Co-authored-by: sunlesshalo <198846711+sunlesshalo@users.noreply.github.com>
Co-authored-by: Moritz <moritz.wedel@axelspringer.com>
Co-authored-by: Claude Sonnet <noreply@anthropic.com>
Co-authored-by: Dashsoap <42135402+Dashsoap@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants