Recreate the CSS Background

dropgates · February 12, 2020, 5:22am

I’m assuming the background on this site: https://darrenkvo.com is CSS. Can someone help point me in the right direction to mimic this? Or, DM me if you wouldn’t mind writing the code and give me an estimate of price.

teefers · February 12, 2020, 1:00pm

Looking at it on my iPad, I don’t know what part of the “background” you’re asking about?

There’s just a hero image on top of some blue sections.

dropgates · February 12, 2020, 1:44pm

It has this blue waffle pattern.

Elixir · February 12, 2020, 1:49pm

Looks to be just a tiled image:

Ruyton · February 12, 2020, 1:50pm

You beat me to it. A small image tiled across the page.

dropgates · February 12, 2020, 8:05pm

Thank you!!

dropgates · February 12, 2020, 8:35pm

If anyone needs this, I created a waffle pattern in Logoist and exported as a pdf. It was created at 10x (400x400px) so I can see it.

https://ln.sync.com/dl/e454816b0/kf7h8yjw-2e9naxg5-9zvhgtms-2cbgacer

@Elixir and @Ruyton I appreciate the help.

Elixir · February 12, 2020, 8:48pm

Cool! You can also check out Subtle Patterns. They have tons of pre-made patterns for future projects, too: