OpenAi (openai.com)
almost 6 years ago from Luke Bugbee, Designer at 8VC
almost 6 years ago from Luke Bugbee, Designer at 8VC
Been a big fan of the Open AI site since it launched - anyone know who designed it?
cheers
Those gradients are wild. Does anyone have insight into how those are made?
I'm inspecting it right now, and they're really fucking wild. There are several different techniques layered on top of each other to make them look like this. Still trying to figure it out.
You can layer gradients at different angles and then use css blend modes on the element:after:
Thanks for the pointer!
It doesn't look too overly complicated from looking at the code.
Each card has a linear-gradient as the background, with an SVG buried inside a couple of spans, which contains different shapes depending on the card. Those SVG’s have a blur filter applied to them. Then for good measure it looks like a radial gradient is above all that to add a slight glare.
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now