Modify colors and location focus area to create a unique WCEU logo
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css Save as PNG (#9) Dec 20, 2017
scripts Fixed FireFox Marker Issue Feb 26, 2018
README.md Readme file updated Nov 17, 2017
index.html Syncing inputs ( picker with input ) Jan 13, 2018
wceu-2017.html Font update Jun 2, 2017

README.md

WCEU Logo Generator

Modify colors and location focus area to create a unique logo for each edition of WordCamp Europe.

⭐️⭐️⭐️ Preview ⭐️⭐️⭐️

Brand Guidelines [Coming soon]

  • Dot size (small r=5, medium r=7, large r=9)
  • Color options (90% opacity)

Focus area specs

  • Centered dot: r=28, 100% opacity (Location).
  • Duplicated centered dot: r=9 (Location)
  • 1st level neighbouring top/left/right/bottom dots: r=18 (Medium size)
  • 2nd level neighbour dots (relative to 1st level): r=12 (Small size)

TODO

  • Focus area on dot click
  • Button downloads the logo as an SVG file (targets the SVG element)
  • Link/update input values on change (type="color" and type="text")
  • Add color randomize option

Nice to have

  • Create a unique link when styles are changed (similar to colors.co)
  • Add editable title and tagline
  • Change fonts of the title/tagline via Google Fonts