🎨 Gradient Headline

Kelowna

Type a title, pick a chunky font, drag the colors. Export the CSS when it feels right.

Text

All caps

Font family (bold styles) Font size

64 px

Start color

Middle (optional)

End color

Gradient angle

90°

0° is left to right. 90° is bottom to top.

Panel color

Backdrop tint

Keep it soft so the title pops.

Drop this class into your stylesheet

Class name is .gradient-headline. Add it to any heading tag.