The Hand-Drawn Touch
Digital typography often feels too rigid. By adding imperfect, hand-drawn elements, we can bring warmth and focus to specific words.
Examples
You can use the stroke to highlight key concepts in your text.
Different Colors
We can create urgent alerts , positive vibes , or creative flourishes .
Cinematic Integration
Combined with our cinematic headings, it creates a powerful effect.
GET VISUALS
The stroke mimics the provided reference image style.
Usage
import StrokeUnderline from '../../components/cinematic/StrokeUnderline.astro';
<StrokeUnderline color="red" variant="messy">Important</StrokeUnderline>The component uses SVG to draw the line, ensuring it scales without losing quality.
