Caption styles
Word-timed captions: pops, karaoke highlights, strokes, boxes and multi-font emphasis. Hover to play; open one to compare before and after and copy the code.
Roboto white on solid black barWhite Roboto Regular on a fully opaque black bar, two lines, bottom; no animation beyond a fade.BoxedSubtitleBold yellow Open Sans on blackBold yellow Open Sans in a solid black box, centred and large for fast speech on a phone.BoxedSubtitleWhite italic Lato on grey gradientWhite italic Lato on a soft grey linear-gradient plate with rounded corners; calm and elegant.BoxedGradientBold blue Lora, radial black glowBold electric-blue Lora on a black plate with a lighter radial highlight in the centre; the spoken word flashes white.BoxedSerifRose-violet sans, radial black plateRose-violet Arimo (Arial-metric sans) bold on a black radial plate; the active word turns pale pink.BoxedSansSoft glow lowercase, two-line stackLowercase rounded geometric sans in white with a soft halo, one word per line stacked two high, the spoken word swells and glows.GlowLowercaseTight serif, italic emphasis wordsCondensed high-contrast serif in white, tightly tracked, three words per line low in the frame, emphasis words flip to italic.SerifItalicWarm cream lowercase, blur-in glowSoft cream lowercase semibold sans, two to three words low in the frame, each word blurring in with a faint amber halo; stressed words go small caps.WarmCreamBold sans, red glowing keywordsHeavy sans in sentence case: small white filler words and large saturated red keywords with a red glow, two stacked lines, left-weighted, popping in.RedGlowOne word at a time, big white keys, small lime fillerTall condensed uppercase sans, a single word per beat: key words large white, filler words tiny in acid lime, centred low in frame.CondensedUppercaseLight rounded pill, unspoken words dimmedDark semibold rounded sans inside a soft light-grey pill, up to four words, with words yet to be spoken greyed out and darkening as they land.PillBoxWide bold sans, neon cyan script emphasisExtra-bold wide sans in white, left-aligned in two stacked lines, with emphasis words swapped to a glowing cyan handwritten script.BoldScriptHandwritten lowercase, soft whiteLowercase marker-style handwriting in soft white, two short lines low on the chest, each word easing up and fading in.HandwrittenLowercaseGaramond sentences, italic emphasisSoft white old-style serif in four-word lines, emphasis words switch to italic, each word blurring gently into place.SerifItalicItalic neon emphasis, white basePlain white semi-bold words with the key word swapped to oversized heavy italic in glowing lime.NeonItalicTiny cyan lowercase, top of screenSmall lowercase sans in electric cyan, two lines tucked at the very top, each word fading in like text on an old handset.LowercaseCyanHandwriting chips, yellow emphasisLowercase handwriting where the word being spoken sits on a dark rounded chip, and key words turn larger and marker-yellow.HandwrittenChipFrosted pill, uppercase and italic accentsSmall uppercase white words inside a translucent blush-pink pill, with accent words switched to larger bold italic in mixed case.FrostedPillActive-word indigo chipClean white sans in short lines where only the word being spoken sits on a solid indigo block, snapping from word to word.ChipHighlightMedium sans, two lines, rounded chip on the spoken wordClean medium-weight sans in white, three words per line over two lines, with the spoken word sitting in a rounded colour chip.CleanCorporateItalic serif on cream pill, bold italic accent wordsMedium italic Garamond in deep maroon on a soft cream pill, one line of three or four words, emphasis words in bold italic.SerifItalicTitle-case sans, oversized bold italic cool-blue accent wordsLight white title-case sans with accent words pushed bigger in heavy italic and a cool silver-blue tint, soft shadow, three words per line.GlossyTitle casePoppins, bold and italic words mixed, coloured chip on the spoken wordSemibold geometric sans, white, two lines of three words; emphasis words go light italic and the spoken word sits in a rounded blue chip.ChipBold italicLight lowercase sans with heavy italic accent wordsThin lowercase sans, white with a soft shadow, three words per line; emphasis words switch to a tightly tracked ultra-heavy italic.LowercaseWeight contrastHeavy black caps on a solid accent bar, words typed inUltra-heavy uppercase near-black text on a full-width orange bar with a soft shadow; each word is typed in on the bar, four per line.HeavyUppercaseCondensed caps, white with glowing cyan accent wordsBold condensed uppercase in white, two lines, with accent words in neon cyan and a soft glow.CondensedUppercaseBold rounded caps, lavender hit wordsHeavy geometric uppercase in white, two lines of three words, key words switch to soft lavender with a dark drop shadow.BoldUppercaseItalic heavy caps, yellow active wordSmall heavy italic uppercase in white on one line, the spoken word flips to bright yellow with a hard black edge.ItalicUppercaseSmall clean caps, underlined active wordTiny medium-weight uppercase grotesk in white, two short lines centred, the spoken word gets a thin underline.CleanUppercaseSmall white caps, big red hit wordsSmall bold uppercase in white with a dark shadow, key words jump to red at one and a half times the size.UppercaseRedSentence-case grotesk, lime key wordsClean medium grotesk in sentence case, flush left in two short lines, with key words in acid lime.EditorialSentence caseMono caps in white label boxesSmall uppercase monospace in dark ink on a crisp white rectangular label, up to four words per line.MonospaceLabelSlab serif on black box, yellow active wordMixed-case slab serif on a tight black bar, three words per line, the spoken word flips to acid yellow.SlabBlack boxRounded caps, lime highlight boxHeavy rounded sans in white capitals, two words per line, and each spoken word lands inside a lime-green label box.FriendlyRoundedCream label boxes, red hit wordsSentence-case DM Sans in dark ink on cream label boxes, two lines, with key words flipped to bold red.PlayfulLabel boxSmall bold white caps, paper collageTiny heavy white capitals in short two-word lines with a soft blue shadow so they read on paper and footage alike.HandmadeCollage