HackFFM Logo 2.0

A new approach on the Hackerspace Frankfurt logo design.

Design pattern

HackFFM Logo 2.0?

• Pixel-by-pixel edit - traditional 8-bit Pixel-Art
• reduced color palette - 3 colors
• Large pixels, 5x5 or 6x6 magnification
  • no smoothing, no anti-aliasing
  • no dithering
• Outlined with dark background
• Background shadow
  • second layer, using #282828 background only
  • GIMP Gaussian blur - radius 4 × pixel-size (20 for 5x5 pixels)

Palette for web images

GIMP shadow tutorial

#f8f8f8 - Foreground
#f0ad5e - Highlight beam
#282828 - Dark background

• drop shadow / Gaussian blur #282828

Alternative palette for print media

#ffffff - Foreground
#ff9900 - Highlight beam
#000000 - Dark background

• brighter colors for clear print output
• no drop shadow

Buttons

HackFFM Logo 2.0 button variations

• feeding the MfK button machine with Datei:HackFFM Buttons MfK Logo 2.0 002.pdf

3D-printed badges

HackFFM Logo 2.0? as 3D printed badge

OpenSCAD with 3D-Badge of the Logo 2.0 draft

• Simple converter using Processing to convert Pixel-Art to height map for OpenSCAD
  • grid size 3 × 3 mm per pixel
  • background - 1.2 mm height
  • foreground - 4.0 mm height
  • beam - "holes"
  • cubes are slightly "oversized" by 1/10th mm for connected pixel mesh
• Import to OpenSCAD - see our OpenSCAD small projects page
  • mesh rendering
  • STL output
• Printed by yag-freak's Prusa Mendel

ASCII Art

Width: 19 / Height: 26

......                          ......
..[]......                  ......[]..
..[]..[]......          ......[]..[]..
..[]..[]..[]..............[]..[]..[]..
..[]..[]..[]..[]..##..[]..[]..[]..[]..
..[]..[]..[]..............[]..[]..[]..
..[]..[]......  ..##..  ......[]..[]..
..[]......      ..##..    ........[]..
......          ..##..          ......
          ........##........          
        ....####......####....        
      ....##################....      
  ......##..................##......  
....##..##....##......##....##..##....
..####..##..................##..####..
..######..##################..######..
..####..##..##############..##..####..
..####....##..............##....####..
..........##################..........
..####......##############......####..
..####....######......######....####..
..........####..........####..........
      ..##....##......##....##..      
      ..########..  ..########..      
      ..########..  ..########..      
      ............  ............