> ## Documentation Index
> Fetch the complete documentation index at: https://docs.clippie.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Caption Styles

> Customize your caption appearance with professional templates

## Overview

Transform your video captions with professional styling options. Choose from 15+ pre-designed templates or create your own custom style to match your brand perfectly.

## Why Caption Styling Matters

<CardGroup cols={2}>
  <Card title="Brand Recognition" icon="eye">
    Consistent caption style builds your visual identity
  </Card>

  <Card title="Viewer Retention" icon="chart-line">
    Eye-catching captions keep viewers engaged
  </Card>

  <Card title="Accessibility" icon="universal-access">
    Proper styling ensures readability for all viewers
  </Card>

  <Card title="Professional Look" icon="star">
    Polished captions elevate perceived content quality
  </Card>
</CardGroup>

## Pre-Built Templates

### Popular Creator Styles

Inspired by successful content creators:

<Tabs>
  <Tab title="MrBeast Style">
    **Characteristics**:

    * Bold yellow text
    * Thick black stroke
    * All caps
    * Word-by-word highlight
    * High impact, very visible

    **Best for**: High-energy content, gaming, challenges

    **Platforms**: TikTok, YouTube Shorts, Instagram
  </Tab>

  <Tab title="Alex Hormozi">
    **Characteristics**:

    * Clean white text
    * Subtle shadow
    * Sentence case
    * Minimal styling
    * Professional appearance

    **Best for**: Business, education, coaching

    **Platforms**: LinkedIn, YouTube, Instagram
  </Tab>

  <Tab title="Viral TikTok">
    **Characteristics**:

    * Colorful word highlights
    * Bouncy animations
    * Multiple colors
    * High energy
    * Emoji-friendly

    **Best for**: Entertainment, trends, viral content

    **Platforms**: TikTok, Instagram Reels
  </Tab>

  <Tab title="Ali Abdaal">
    **Characteristics**:

    * Clean sans-serif font
    * Yellow highlights
    * Phrase-by-phrase
    * Professional but approachable

    **Best for**: Productivity, education, lifestyle

    **Platforms**: YouTube, Instagram
  </Tab>
</Tabs>

### Style Categories

<Tabs>
  <Tab title="Bold & High Contrast">
    Maximum visibility and impact

    **Styles**:

    * **Classic Bold**: White text, black stroke, always visible
    * **Neon Pop**: Bright colors, glowing effects
    * **High Impact**: Large text, thick outlines

    **Use when**: Background is busy, need maximum readability
  </Tab>

  <Tab title="Minimal & Clean">
    Subtle, professional appearance

    **Styles**:

    * **Simple White**: Clean white text, light shadow
    * **Elegant**: Thin serif font, sophisticated
    * **Modern Minimal**: Sans-serif, subtle effects

    **Use when**: Professional content, clean backgrounds
  </Tab>

  <Tab title="Animated & Dynamic">
    Eye-catching motion effects

    **Styles**:

    * **Pop In**: Words bounce in
    * **Typewriter**: Letters appear one by one
    * **Wave**: Text flows in smoothly

    **Use when**: Entertainment, engaging younger audiences
  </Tab>

  <Tab title="Gradient & Colorful">
    Vibrant, attention-grabbing

    **Styles**:

    * **Rainbow**: Multi-color gradients
    * **Sunset**: Warm color transitions
    * **Ocean**: Cool blue gradients

    **Use when**: Lifestyle, creative, artistic content
  </Tab>
</Tabs>

## Customization Options

<AccordionGroup>
  <Accordion title="Typography" icon="font">
    **Font Family**

    * 100+ Google Fonts
    * Upload custom fonts
    * Popular choices: Montserrat, Poppins, Roboto, Inter

    **Font Size**

    * Responsive sizing (adapts to screen)
    * Manual sizing (12-120pt)
    * Different sizes for emphasis

    **Font Weight**

    * Thin, Light, Regular, Medium, Bold, Black
    * Variable weight fonts supported

    **Text Transform**

    * UPPERCASE
    * lowercase
    * Title Case
    * Sentence case

    **Letter Spacing**

    * Tight, normal, or wide spacing
    * Fine-tune for readability

    **Line Height**

    * Control spacing between lines
    * Important for multi-line captions
  </Accordion>

  <Accordion title="Colors & Effects" icon="palette">
    **Text Color**

    * Solid colors
    * Gradients (linear or radial)
    * Multiple color picker formats
    * Brand color presets

    **Stroke/Outline**

    * Color selection
    * Width control (0-20px)
    * Multiple strokes (up to 3 layers)
    * Gradient strokes

    **Shadow**

    * Drop shadow
    * Glow effect
    * Multiple shadows
    * Blur radius control
    * Offset adjustments

    **Background Box**

    * Solid color boxes behind text
    * Rounded corners
    * Padding control
    * Opacity adjustment
    * Gradient backgrounds

    **Highlight Color**

    * Active word highlighting
    * Color and opacity
    * Animation style
    * Fade transitions
  </Accordion>

  <Accordion title="Animation Styles" icon="wand-magic-sparkles">
    **Word Animations**

    * Pop in (scale up)
    * Bounce (spring effect)
    * Fade (opacity transition)
    * Slide (from direction)
    * Rotate (spin in)
    * None (instant appear)

    **Timing**

    * Animation duration (0.1-2s)
    * Delay between words
    * Easing curves
    * Stagger effects

    **Highlight Animations**

    * Color change
    * Scale up
    * Underline sweep
    * Background fill
    * Glow pulse
  </Accordion>

  <Accordion title="Position & Layout" icon="arrows-up-down-left-right">
    **Vertical Position**

    * Top (above content)
    * Center (overlay on content)
    * Bottom (below content)
    * Custom Y position

    **Horizontal Alignment**

    * Left aligned
    * Center aligned
    * Right aligned

    **Margins & Padding**

    * Safe area boundaries
    * Custom margins
    * Padding from edges
    * Multi-screen optimization

    **Max Width**

    * Limit caption width
    * Prevents overflow
    * Responsive breakpoints
  </Accordion>

  <Accordion title="Display Settings" icon="eye">
    **Words Per Line**

    * 1-15 words
    * Auto-calculate optimal
    * Manual control

    **Display Mode**

    * Word by word
    * Phrase by phrase
    * Sentence by sentence
    * Full captions

    **Timing**

    * Duration per word/phrase
    * Reading speed optimization
    * Custom timestamps
    * Auto-sync to audio

    **Line Breaks**

    * Automatic wrapping
    * Manual line breaks
    * Smart punctuation breaks
  </Accordion>
</AccordionGroup>

## Caption Display Modes

<Tabs>
  <Tab title="Word by Word">
    Each word appears individually

    **Pros**:

    * Maximum engagement
    * Emphasizes each word
    * Great for viral content
    * Keeps viewers focused

    **Cons**:

    * Can feel fast-paced
    * May be distracting for complex content

    **Best for**: TikTok, Reels, short-form viral content
  </Tab>

  <Tab title="Phrase by Phrase">
    Groups of words appear together

    **Pros**:

    * Natural reading flow
    * Less distracting
    * Professional appearance
    * Better for longer content

    **Cons**:

    * Less "sticky" than word-by-word
    * Slower paced

    **Best for**: YouTube, educational content, tutorials
  </Tab>

  <Tab title="Sentence by Sentence">
    Complete sentences display at once

    **Pros**:

    * Traditional subtitle feel
    * Easy to read
    * Professional
    * Accessible

    **Cons**:

    * Less engaging
    * Can feel static

    **Best for**: Long-form content, formal videos, accessibility
  </Tab>

  <Tab title="Continuous">
    Captions flow continuously

    **Pros**:

    * Netflix-style experience
    * Professional look
    * Maximum accessibility

    **Cons**:

    * Less engaging for short-form
    * No emphasis effect

    **Best for**: Films, documentaries, accessibility-first content
  </Tab>
</Tabs>

## Creating Your Custom Style

<Steps>
  <Step title="Start with Template">
    Choose a pre-built template closest to your desired look
  </Step>

  <Step title="Adjust Typography">
    Select fonts, sizes, and spacing that match your brand
  </Step>

  <Step title="Set Colors">
    Apply brand colors to text, strokes, and highlights
  </Step>

  <Step title="Add Effects">
    Configure shadows, glows, and animations
  </Step>

  <Step title="Test & Refine">
    Preview on different backgrounds and adjust for readability
  </Step>

  <Step title="Save as Preset">
    Save your custom style to reuse across all videos
  </Step>
</Steps>

## Pro Tips

<Tip>
  **Contrast is king**: Ensure text is readable on any background. Use thick strokes or background boxes on busy backgrounds.
</Tip>

<Note>
  **Mobile first**: 90% of viewers watch on mobile. Make captions large enough to read on small screens.
</Note>

<Warning>
  **Don't overdo animations**: Flashy animations are fun but can distract from content. Use sparingly.
</Warning>

## Best Practices

### For Readability

* Use sans-serif fonts (easier to read)
* Minimum font size: 36pt for mobile
* High contrast colors (light text on dark stroke)
* Add strokes to ensure visibility
* Avoid overly stylized fonts for body text
* Test on actual mobile devices

### For Engagement

* Word-by-word for viral content
* Colorful highlights grab attention
* Animate important words differently
* Use emoji in captions strategically
* Match animation speed to content pace

### For Branding

* Create consistent style guide
* Use brand fonts and colors
* Save custom presets
* Apply same style across series
* Include subtle logo/watermark if desired

### For Accessibility

* Ensure sufficient color contrast
* Don't rely only on color for meaning
* Include speaker labels when relevant
* Maintain readable font sizes
* Avoid rapid flashing animations
* Provide accurate timing

## Platform-Specific Recommendations

<Tabs>
  <Tab title="TikTok">
    **Style**: Bold, colorful, animated

    * Word-by-word display
    * Large text (48pt+)
    * High contrast
    * Bouncy animations
    * Multiple colors for emphasis

    **Position**: Center or bottom-center
    **Font**: Bold sans-serif (Montserrat, Poppins)
  </Tab>

  <Tab title="Instagram Reels">
    **Style**: Clean, aesthetic, on-brand

    * Phrase-by-phrase
    * Medium size (40-44pt)
    * Brand colors
    * Smooth animations
    * Professional appearance

    **Position**: Bottom third
    **Font**: Trendy sans-serif (Inter, DM Sans)
  </Tab>

  <Tab title="YouTube">
    **Style**: Professional, clear, readable

    * Phrase or sentence display
    * Standard size (36-42pt)
    * Traditional styling
    * Minimal animation
    * High readability focus

    **Position**: Bottom
    **Font**: Standard readable (Roboto, Open Sans)
  </Tab>

  <Tab title="LinkedIn">
    **Style**: Professional, subtle, corporate

    * Sentence-by-sentence
    * Conservative size (32-38pt)
    * Professional colors
    * No flashy animations
    * Business-appropriate

    **Position**: Bottom
    **Font**: Professional serif or sans (Georgia, Inter)
  </Tab>
</Tabs>

## Color Psychology

Choose colors that evoke the right emotions:

<CardGroup cols={3}>
  <Card title="Red" icon="heart">
    Energy, urgency, excitement, passion
  </Card>

  <Card title="Blue" icon="droplet">
    Trust, calm, professional, reliable
  </Card>

  <Card title="Yellow" icon="sun">
    Happy, optimistic, attention-grabbing
  </Card>

  <Card title="Green" icon="leaf">
    Growth, health, nature, money
  </Card>

  <Card title="Purple" icon="gem">
    Luxury, creativity, wisdom, mystery
  </Card>

  <Card title="Orange" icon="fire">
    Friendly, confident, cheerful
  </Card>
</CardGroup>

## Preset Management

<AccordionGroup>
  <Accordion title="Save Custom Presets" icon="floppy-disk">
    Save your styles for future use:

    * Name your presets
    * Organize by category
    * Set default style
    * Share with team members
  </Accordion>

  <Accordion title="Import/Export" icon="arrow-right-arrow-left">
    Transfer styles between accounts:

    * Export as JSON
    * Import others' styles
    * Backup your presets
    * Share publicly in community
  </Accordion>

  <Accordion title="Template Library" icon="books">
    Access community-created styles:

    * Browse popular styles
    * Filter by category
    * One-click apply
    * Rate and favorite
  </Accordion>
</AccordionGroup>

## Pricing

Caption styling is included:

* **All plans**: Access to all templates
* **Custom styles**: Unlimited creation
* **Saved presets**: Unlimited storage

<Card title="View Pricing" icon="dollar-sign" href="https://clippie.ai/pricing">
  See full pricing details
</Card>

## Need Help?

<Card title="Get Support" icon="life-ring" href="mailto:support@clippie.ai">
  Contact us for help with caption styling
</Card>