NoaCG Studio

Free OGraf starter templates

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.

Lower third

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.

Customize in NoaCG

Corner bug

Glass Mark

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.

Customize in NoaCG

Ticker

News Strip

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.

Customize in NoaCG

Scoreboard

Match Strip

A compact scorebug. Two teams, a score, built for live updates.

Teaches: updateAction during playout, so data changes without replaying the graphic.

Customize in NoaCG

Infographic

Big Stat

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.

Customize in NoaCG

Holding screen

House Hold

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.

Customize in NoaCG

What's in a package

  • <name>.ograf.json: the OGraf v1 manifest (the entry point)
  • graphic.mjs: the Graphic Web Component, commented for reading
  • GUIDE.md: where the fields, the look and the motion live
  • FIELDS.md: the data contract, every field, type and default
  • lib/gsap.min.js + fonts/*.woff2: self-contained, no network

What is OGraf?

OGraf 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.