Six emphasis fields
Choose expressive marker and spotlight treatments or restrained block, stripe, outline, and edge systems.
Type & hierarchy
Text Highlight
Give an important phrase its own field of attention. Move from an imperfect marker stroke to a precise block, stripe, outline, spotlight, or edge rail.
Text highlight / emphasis field
Make the useful thing obvious
Emphasize the meaning
A highlight should answer: why this phrase?
Use one emphasis language consistently, and let the animation resolve quickly enough that the text remains the primary object.
Container-aware fit
The type scales against the authored phrase instead of escaping its preview or export.
Selectable content
Visual fields stay decorative while the sentence remains real semantic text.
Three-step workflow
How to use the Highlight Sweep studio
- Identify the phrase
Highlight the smallest piece of language that carries the intended hierarchy.
- Shape the field
Balance padding, intensity, and tilt against the type rather than treating them as decoration.
- Test the settled state
Pause the preview and confirm that the final composition remains readable.
Questions, answered.
Can the highlight repeat?
Yes, or it can draw once and remain complete.
Does spotlight mode use canvas?
No. It uses a bounded CSS radial gradient.
Can long text overflow?
The shared fitting model reduces the maximum type size as the phrase grows.
How is reduced motion handled?
The completed emphasis field appears without scaling or fading.