![boxy svg text on path boxy svg text on path](https://4.bp.blogspot.com/-kYKi8_fU_Uk/X1DBWFaqhOI/AAAAAAAADOE/15BJNuy8e8cLUsihuwDP1mRzVu63OPZiwCLcBGAsYHQ/s1600/text.png)
The original Vector Illustrations done for the Header images. And maybe it also wouldn’t have to be static. This was when I thought that maybe SVG would yield a better result. Switching to SVGĪ little frustrated I had another look at the project folder and found an Illustrator file with some very nice and clean vector paths for all the various header images. It all felt like being thrown back about ten years.
![boxy svg text on path boxy svg text on path](http://vanseodesign.com/blog/wp-content/uploads/2015/10/em-box-on-curved-path.png)
Somehow while doing all this, I had a strange feeling. Also, 80KB are a hell lot of bytes, especially when you’re at the conference and want to look up the schedule on a poor data plan. The resulting image was about 80KB large and not crisp on my high-resolution MacBook. When exported as transparent png, filesize is about 80KB To export a transparent file my first attempt was the good old: I took a look at the files and saw that a lot of blur and shadow effects were used to create the neon light effect. png files for her, so she can insert them in the header region. So when the website was built, our frontend developer asked me to export some transparent. Our visual designer ( Tommi Gutscher) also created some lovely images for all the sections on the website. This effect is created by using a video loop in the background.
BOXY SVG TEXT ON PATH FULL
The main page features the full visual with flickering lights.
![boxy svg text on path boxy svg text on path](https://i.ytimg.com/vi/SkZR_9nI9k0/maxresdefault.jpg)
The key visual shows a shaft tower and the conference name executed with a neon light effect. We at 9elements organize an annual JavaScript conference called RuhrJS.