You + Me

Collecting cultural artifacts that inform and inspire what we create.

Slammer – Designer’s Geometry Box

leave a comment »

Slammer overlays any grid you want, anywhere you want. Typographic Grids, Golden Sections, Fibonacci series or Rule of Thirds. Slammer also has Rulers, Crosshairs, Magnifier, Measurements & Screenshots.

  • Inspect

    • Rulers
    • Crosshair
    • Magnifier
    • Measurements

  • Layout

    • Uniform
    • Fibonacci
    • Golden
    • Harmonious

  • Design

    • Clickthrough
    • Control
    • Arrange
    • Focus

  • Export

    • Overlay
    • Background
    • Templates
    • JSON

    • Frame

      • Customizable Themes
      • 8 Way Resizable
      • Drag border or content to move
      • Customizable Size Presets
    • Rulers

      • Pixels, Cms/Mms, Inches, Picas
      • Arbitrary ruler origins
      • Measure length, base, height and angle in measurement mode
    • Crosshair

      • Thin, Crisp and Precise
      • Visible on any background
      • Use mouse or keys to position
      • Can snap to ruler divisions
    • Magnifier

      • Show in frame or in a window
      • Scroll to change magnification
      • In frame magnifier dodges mouse
      • ⌘C copies color under crosshair

    • Layers & Overlays

      • Layers provide sections for the canvas
      • Example: Header, Footer, Sidebar, Content
      • Margins flexibly position a layer in canvas
      • Overlays add distributions to their layer
      • Overlays can be oriented in any angle
      • Customizable blending modes and opacity
    • Distributions

      • Uniform Grids: Sections & Gutters
      • Fibonacci series: 1,1,2,3,5,8… Start with any number
      • Golden Section: 1:1.618 or 3 column bidirectional
      • Harmonious: n/m. Equal sections
      • Create new layers from sections (except uniform)

  • Clickthrough Mode

    When Slammer is set to clickthrough or cloak, objects in windows below Slammer can be moved without switching between windows.


    Plenty of keyboard shortcuts and intuitive mouse actions let you control Slammer in a natural fashion. You can set a shortcut to show or hide the Slammer Window even when it is not active.

    Arrange & Focus

    Slammer allows drag & drop reordering and duplicating of Layers and overlays. The order, blending modes and opacity help you focus on specific portions of the design.

    • Template

      Slammer templates are layout specifications. These specs can be exported and imported easily.
      Slammer also generates a JSON file with layers & overlays. This can be used by developers to integrate with other applications. The open source jSlammer reads the JSON data to display the Slammer grids on any website.
      You can share your templates or download templates created by others at On Layout.

    • Grab

      You can do the plain old screen grab and get the portion of screen below Slammer as an image (or) You can grab the image composited with the Layers & Overlays on the top (or) You can save the composite image of just the Layers & Overlays.

  • Slammer Unibody Theme
  • Slammer Dark Theme
  • Slammer Bordered Dark Theme
  • Slammer Blue Theme
  • Slammer Purple Theme
  • Slammer Glass Theme
  • Slammer Inspector
  • Slammer Frame Size
  • Slammer Blending Modes for Layers & Overlays
  • Slammer Layer Margins
  • Slammer Uniform Overlay
  • Slammer Overlay Orientation Angle
  • Slammer Fibonacci Series Overlay
  • Slammer Golden Section Overlay
  • Slammer Harmonious Section Overlay
  • Slammer Preferences General
  • Slammer Preferences Rulers
  • Slammer Preferences Themes
  • Slammer Measurements
  • jQuery Slammer from exported JSON

Create grid systems with ease.


Written by youplusme

August 29, 2010 at 4:08 pm

Posted in Design projects

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: