Home
Templates
Design Systems
Aesthetics
Contact
Back to design aesthetics
Share
Save
Obsidian Cobalt Product Theater
/obsidianCobaltProductTheater
A cinematic but minimalist dark aesthetic for world-class product presentation. Use an obsidian-black canvas, charcoal glass modules, soft slate borders, pearl typography, and a restrained cobalt-blue light source concentrated at the hero center. The hero should open with a polished frosted navbar, a large semibold two-line headline, compact explanatory copy, rounded blue primary CTA with dark secondary action, and a wide horizontal screenshot floating beneath like a premium product object. Keep gradients controlled: one radial glow, no decorative blobs or noisy badges. Use Geist, Söhne, Manrope, Inter, or ABC Diatype with tight optical tracking. Lower sections should use spacious bento panels, clean feature rows, subtle system labels, refined shadows, and Framer-level motion discipline.
1 likes
0 bookmarks
Jun 19, 2026
Copy Design Aesthetic