background-clip: text — градиентный заголовок без картинки

text-fill-color transparent и контраст.

Связка `background-clip: text` и `-webkit-text-fill-color: transparent` показывает градиент только внутри глифов — эффектный display-заголовок лендинга студии.

Без fallback-цвета текст может стать невидимым, если clip не поддерживается — задайте `@supports` или обычный `color` ниже по каскаду.

background-clip — MDN — border-box, padding-box, text.
CSS gradients for text — web.dev — Паттерн и доступность.

Доступность

Проверьте контраст: градиентный текст часто не проходит WCAG — не используйте для body и мелких подписей.