Skin Care Header - Natural

ヒーロー / ヘッダー

A full-width, editorial-style skincare hero header for a natural/organic cosmetics brand, built in React with framer-motion, featuring oversized split-word display typography ("Natural / Glow ... Shines") with a continuously shimmering "Glow" word and a large autoplaying water/mask video with a floating product card.

メンバー限定

アップグレードして解放

You are an expert web designer. Build a stunning, production-ready page with
a bold hero section, smooth CSS transitions and a carefully tuned dark palette.
Use a neutral background, generous rounded corners and one electric accent color.
Structure the layout with a sticky header, feature grid, social proof and a final
call to action. Keep typography tight, spacing consistent and motion subtle.

購入すると全文が表示されます

コード

framer-motion

アンロックすると全コードを表示できます

Skin Care Header - Natural

コード

全プロンプトがメンバー無料