Hairline
A minimal name-and-title strap, the first graphic every production needs.
Good first read: two data fields, one entrance, the cleanest possible graphic.mjs.
Six broadcast graphics in the EBU's open OGraf v1 format, ready to load into any OGraf renderer, and built to be modified: readable, commented code, a field reference, and a guide that says where the data, the look and the motion live.
No account, no lock-in. Every package is generated by NoaCG Studio's exporter, which is free and open source, and validated against the OGraf v1 schema before it downloads.
A minimal name-and-title strap, the first graphic every production needs.
Good first read: two data fields, one entrance, the cleanest possible graphic.mjs.
A persistent glass corner ident that stays up through the whole show.
Teaches: a long-running graphic. Play once, leave it on air, stop at the end.
A scrolling news ticker with a kicker tab and a continuous crawl.
Teaches: content-driven motion, where the crawl measures the operator's text at play time.
A compact scorebug. Two teams, a score, built for live updates.
Teaches: updateAction during playout, so data changes without replaying the graphic.
One number, told big. A stat card for the moment that needs weight.
Teaches: typography-led design in the :root style contract, so you restyle without touching layout.
A full-frame starting-soon / break screen that carries the wait.
Teaches: a full-frame graphic, with steps as states and an exit that clears to the programme.
<name>.ograf.json: the OGraf v1 manifest (the entry point)graphic.mjs: the Graphic Web Component, commented for readingGUIDE.md: where the fields, the look and the motion liveFIELDS.md: the data contract, every field, type and defaultlib/gsap.min.js + fonts/*.woff2: self-contained, no networkOGraf is the EBU's open specification for HTML broadcast graphics, one graphic format any compliant renderer can load. Try a package in the community OGraf DevTool, or serve it with an OGraf-compatible playout system.
These starters are validated against the OGraf v1 schema on every download, and the same graphics exist for SPX, CasparCG, OBS and vMix. Open the studio to customize one and export it anywhere, or read where NoaCG is taking the standard.