All Topics

#2319 Fantom Branding

SlimerDude Mon 21 Jul 2014

At the bottom of the What does fantom need most in your opinion? thread it was mentioned that Fantom (currently) does not have an official (strong) brand or scheme. It would be nice if it did! So looking around I collated all the images / logos I could find. And these are them:

Fantom Logo

Fanny the Fantom Sketch

Are there any I've missed? And do any of them (particularly Fanny the Fantom) exist in a higher resolution / with transparent backgrounds?

andy Tue 22 Jul 2014

Those are about it - tho I can create a vector version of Fanny if we need one.

SlimerDude Tue 22 Jul 2014

I think it would be handy if you could.

Is the favicon just the letter F from this website's Fantom logo? Or was it created from a different graphic?

alper Wed 23 Jul 2014

I just created these icons based on Andy's fantom. Just vectorized it very quickly.

We can change colors etc.

http://bas.co/p Fantom Icons

SlimerDude Wed 23 Jul 2014

Cool, I had a play with the vectors and manually reduced it down to this:

Fanny the Fantom

Created with the following SVG and HTML:

<html>
<body>

<style>
    #fanny {
        max-height:       500px;
        max-width:        500px;
        background-color: black;
    }
    #fanny .sheet {
        fill:             white;
        stroke:           none;
    }
    #fanny .eyes {
        fill:             gray;
        stroke:           none;
    }
</style>

<svg id="fanny" xmlns="http://www.w3.org/2000/svg" viewBox="100 100 350 300">
    <g>
        <path class="sheet" d="m 177.0,124.5 c -15.4,2.7 -31.5,4.4 -44.0,14.9 -16.3,13.6 -18.2,35.8 -17.0,55.7 2.3,39.5 12.6,74.9 22.2,113 l 16.9,56 6.6,20.4 c 4.1,4.1 14.6,0.8 19.4,-0.3 l 51,-10.9 c 13.9,-1.5 22.6,15.0 35,12.4 16.5,-3.5 34.0,-18.1 49,-25.9 0,0 8.0,-6.4 17,-7.6 23.7,-3.2 62,3.5 62,3.5 l 26.9,2.1 C 430.1,355.2 416.3,339.4 414.0,336 L 371.3,275 335.7,227 C 296.9,176.9 250.0,111.7 177,124.5 z" />
        <path class="eyes"  d="m 137.2,221.1 25.5,33.4 19.2,-14.5 35.1,9.6 L 229,180 176,225.5 z" />
    </g>
</svg>

</body>
</html>

So it should be pretty easy to recreate at any size, colour, etc...

andy Wed 23 Jul 2014

Pretty cool ;)

SlimerDude Sun 30 Nov 2014

Fanny the Fantom - Circle

Fanny the Fantom in a Circle - JsFiddle Source