Design assets about oodle-demo HOT 2 CLOSED

Movie Night assets.

The final graphic is this one:

This is composed of the following raster resources:

Background:

Body text:

Main text:

Sign:

Seats:

from oodle-demo.

Movie night text/logo optimisation attempts

Fonts:

If we'd prefer to not use a raster image for the text, we can either use the fonts or an SVG.

Intro
http://www.fontfabric.com/intro-free-font/

BigNoodleTitling
http://www.dafont.com/search.php?q=BigNoodleTitling

Montserrat
https://www.fontsquirrel.com/fonts/montserrat

Some fun SVG optimisation notes.

After recreating the logo with text effects in Sketch (from PhotoShop) and attempting an SVG export..

There was so much detail that we end up with a ~191KB file (this is not a flattened bitmap in an SVG, just..a lot of complex shapes). Even SVGOMG was only able to shave off a few bytes.

If however we simplify the logo significantly (dropping inline shadows and borders) we're able to take this down to 11KB:

However, this doesn't look quite that amazing on darker backgrounds now that we lost the shadows and borders:

If we say that SVG is maybe not going to give us the best value here (maybe we're okay with the trade-off), we can get the main text effect in a raster form (optimized PNG through ImageOptim) down to 77KB:

Compressor.io (lossy mode) can take this down to 65KB without too much visual difference:

Going back to the logo + sign, ImageOptim can do this at ~128KB:

If we reduce this to 8-bit images + run through Compressor.io (ImageOptim didn't really do much) we can take this down to ~100KB:

We could potentially bring the size here down but are limited as we need to use background transparency for this image.

With a solid background color (which could change the overall design a little) MozJPEG/ImageOptim can do this image in about 60-70KB.

from oodle-demo.