Style Switcher

Predefined Colors

How To Use


  1. DESIGN WINDOW – Displays Heading, Text and a Photo. Includes SQUARE and ROUND glyphs to adjust size of photos and the angle of text. (see below for more information about glyphs). The Heading, Text and Photo elements can be dragged around the design window to change their position.

  2. RESULT WINDOW – Displays the card as it will look when you click the TEST/UPDATE button. Includes a watermark that is removed when you download the card.

  3. CATEGORY MENU – Lists templates in a variety of categories. When a category is selected the card thumbnails appear.

  4. THUMBNAILS – When you click a thumbnail it appears in the design window and the Heading, Text, Photo and TEST buttons appear. A MEME checkbox also appears which will turn the card into a MEME.

  5. HEADING AREA – Contains a textarea to change the content, a font and color menu, Top & Left Offsets (see below for more information on offsets)  and Border. Setting a border will place another color around the edge of your font.

  6. TEXT AREA – Same features as the HEADING AREA.

  7. PHOTO AREA – This area lets you upload and add a photo to your card. Once you select a photo from your hard drive click ADD PHOTO. This will upload the photo and add it to the design window. (see Glyphs below for important information on photo editing). You can add Thick or Thin rounded borders to your photo

  8. TEST/UPDATE – This button transfers the content from the design window to the result window. If the HEADING, TEXT or PHOTO does not appear the same in the RESULT window as the DESIGN window you use Offsets to line them up. Once clicked the DOWNLOAD button appears.

  9. DOWNLOAD – Click this button to download your card.


  1. Round glyphs – Round glyphs let you place text on an angle. They appear for text and photo’s but only impact the text.


Offets are included because both individual browser settings and font types and font sizes can appear different in different browsers. If the Heading or Text are on an angle, this can also affect the positioning on the card.

When the Design window content doesn’t line up with the Result window, use Offsets to align them.

Offsets are numbers and correspond with pixels. They can be both negative (-50) and positive (50).

Making them negative or positive changes the direction of the alignment.

  1. TOP OFFSET – Available in Heading and Text areas.

  2. LEFT OFFSET – Available in Heading and Text areas.