Style

The Style editor controls everything visual: how speech, Quran passages, quotations, the translations, and the surrounding elements look on screen. Start from a ready-made preset, then customize individual settings.

Text targets and video settings

The Style editor separates your text into three kinds, each with its own translations:

• Speech - ordinary spoken text.
• Quran - referenced Quran passages.
• Quotations - quoted text, with its own appearance.

Global video settings control orientation, overlays, the speaker name and custom elements. Each text target and its translations have their own panels. The panels are Text Styling, Position & Layout, Background & Container, Visual Effects, WBW Effect, and Custom CSS.

The presets library

Instead of configuring everything by hand, apply a preset — a complete style you can reuse. The library has two sections:

• Community presets — styles shared by other users; download and apply them.
• Saved presets — your own presets, saved locally.

You can also:

• Save your current style as a preset.
• Publish a preset to the community.
• Import / Export a preset as a JSON file.
• Choose what a preset includes, such as styles, custom elements, and bundled fonts.

Styling individual subtitles

With no subtitle selected, changes to a text or Translation target apply across the project. To change one subtitle, select it in the timeline, choose the target, and adjust its styles. Local values override the project-wide values. Clear the selection before editing the whole project again; selecting several subtitles applies the changes to that group.

Word-by-word effects

When subtitles have word-by-word timestamps, you can animate the text as it is spoken: highlight the current word, show only the word being spoken, add a color, underline, or glow, or reveal words progressively. These effects live in the text and Translation targets, under the WBW Effect panel. Translation effects also need word-by-word translation mappings, created in the Translations tab, to follow specific source words.

Keyframes

Controls with a keyframe button let you store values at specific times. Move the playhead, choose a value, and add a keyframe; repeat at another time to define a change. Keyframes follow the current scope: the whole target or the selected clips. The preview animates color, opacity, and visibility transitions; other style fades are rendered in the exported video.

Custom elements

Add your own on-screen content from the Style editor: a custom text or a custom image, each with its own position, timing, and appearance.

What’s next?

When your video looks right, export it — see Export.