Skip to content

Style reference

A project’s style_config holds its caption style. It is the same object the editor’s style panel edits, and the same in the API, in the web app and in the iPhone app’s project files. Send any subset of it, and the fields you leave out keep their value. The defaults are the first built-in look, Purple Punch.

Colours are #RRGGBB hex strings. A few can carry an alpha channel as #RRGGBBAA, noted below.

FieldType and rangeDefault
fontA font family namePoppinsInter, Poppins and Montserrat are bundled. Any other Google Fonts family is fetched once by the server.
font_sizeInteger, 12 to 30064The size of the text.
text_colorColour#FFFFFF
highlight_colors1 to 4 colours["#7C3AED"]What the animation paints with. The first is the main one. See Styling.
animationOne of the values belowhighlight_slide
words_per_lineInteger, 1 to 103A line also ends where the speaker paused.
word_spacing0 to 10As a fraction of the font size.
text_casenone or uppernone
italicBooleanfalse
backgroundnone, solid or pillnone
background_colorColour#000000
background_opacity0 to 10
position_x, position_y0 to 10.5, 0.84The centre of the caption block, across the frame. Low and centred is the usual spot.
stroke_width0 to 100The outline around the letters.
stroke_colorColour#000000
shadow_blur0 to 2010
shadow_colorColour, with optional alpha#000000A0
shadow_offset_x, shadow_offset_y-20 to 200, 0Where the shadow falls. With no blur it is solid and drawn as an extrusion.
glow_blur0 to 400A halo around the letters. 0 is none.
glow_colorColour, with optional alpha#FFFFFF
ValueIn the appMarks the word being said by
word_highlightHighlightChanging its colour.
highlight_boxBoxA box behind it.
word_popPopGrowing it briefly.
word_fadeFadeFading it in.
word_sweepKaraokeSweeping the colour across it.
word_underlineUnderlineA marker stroke drawn under it.
typewriterTypewriterTyping words out one at a time.
word_bounceBounceBouncing it.
lyric_focusFocusSharpening and brightening it, with the rest of the line soft and dim.
highlight_slideSlideA single box that slides from word to word.
line_barProgressA bar that fills along the line.
stickersStickersA coloured label on each word.
noneNoneNothing: plain captions.

caption_offset_ms is a field of the project, next to style_config, not of the style. It is an integer from -2000 to 2000, in milliseconds, and shifts every caption against the audio (positive is later). It does not change the transcript.

The thirteen built-in looks are plain data in apps/web/src/lib/presets.json, each a name and a complete style in this shape. They are shared by the web app, the API’s tests and the iPhone app.