Marketing Firm · Identity, Web and Print · 2009 to 2012

Thumbprint Strategic Media

Four process inks in 2009. The last version is the rainbow in my own logo.

Open the real thing

Thumbprint Strategic Media

At a glance

The problem
In 2009 a four-person marketing firm needed a mark, and then the websites, cards and sales sheets to carry it.
My role
On a team of four at the firm, I designed the identity, the websites, the print and the social art, and built the 2011 site on Imagine. All of it by hand, 2009 to 2012.
What I did
I drew the mark as one print per process ink, then kept moving the inks: into photo columns, into one banded print, into overlapping waves. In 2023 they opened into a rainbow.
What changed
Four inks became every color. The last version is the i am box on this site, and the 2009 magenta’s hex, #ec008c, is in the site’s stylesheet today.

In September 2009 I lined up one thumbprint four times, once in each process ink. Those are the four a printing press mixes every other color from: cyan, magenta, yellow and black. The prints became the mark of Thumbprint Strategic Media, the marketing firm I worked at from 2009 to 2012. I was on a team of four there.

The print is my own thumb. I used a copy machine to print its basic form, scanned that back in and traced it in Illustrator to get the vectors. If anyone ever asked whether it was a real thumbprint, I wanted to say yes. Nobody asked.

This page follows the four inks. They got bigger, then they started to overlap, and by 2023 they’d opened into a full rainbow. The last version is the box that says i am, at the top of this page.

The Thumbprint Strategic Media logo: four fingerprints in cyan, magenta, yellow and black over the word thumbprint, with strategic media in grey capitals
September 2009. One print per ink.
The iamjust.in logo: the words i am in white on a rainbow box, beside Justin in white script
Today. The rainbow box that says i am.
4process inks in the first mark
3designs for the firm’s own website in two years
5product logos drawn on one day in November 2009
#ec008cthe 2009 magenta, in this site’s stylesheet today

Dates and colors read out of the design files

  1. 2009
    cyan
    #00aeef
  2. 2009
    magenta
    #ec008c
  3. 2009
    yellow
    #fff200
  4. 2009
    black
    K100
  5. 2011
    magenta
    #ff0099
  6. 2011
    cyan
    #0fcdfd
  7. 2011
    yellow
    #ffff00
  8. 2011
    where waves cross
    #bed52e
  9. April 2023
    the inks as one bar
    4 stops
  10. May 2023
    green joins
    #0ee94b
  11. May 2023
    the full spectrum
    8 samples
  12. Today
    in this site’s code
    #ec008c

One print per ink

The first mark kept the inks apart. There’s no mixing in it. Each print is 100 percent cyan, magenta, yellow or black, the word thumbprint is 90 percent black, and strategic media is 50. In 2010 I split the prints into four files, one ink each.

A single fingerprint in cyan
Cyan
A single fingerprint in magenta
Magenta
A single fingerprint in yellow
Yellow
A single fingerprint in black
Black
The 2010 web version of the four-print logo, in brighter screen colors
The web logo, 2010, tuned for screens

In October 2009 I tried the business card five ways. I stacked the prints in a column, set them in a row of ink squares, ran four thin ink rules across, and tried a black card with flourishes. My title on them was Director of Internet Technologies. Then I built print files for a colleague’s cards too. The street address and phone on mine, and the name and details on his, aren’t real. I repainted them with invented ones.

A horizontal business card with the logo turned on its side, a column of four ink squares, and Justin Zagar, Director of Internet Technologies
The column
A vertical card with a row of four ink squares above the name and title
Ink squares
A vertical card with four thin ink rules above the name and title
Ink rules
A black card with white flourishes in one corner and yellow flourishes in the other
Black, with flourishes
A black card with the name at the top and the logo at the bottom
Black, flipped
A black card for a colleague with magenta and cyan flourishes
For a colleague, black
The same colleague card on white
And on white
A black card with the logo turned on its side and a column of ink squares
Standard
A vertical card with pale cyan, magenta, yellow and grey stripes behind the logo
Pale ink stripes

The first website put the inks in columns. Four tall photographs, each washed in one ink, with about us, client list, services and contact us running up them. On the inside pages the columns shrank to four thin tabs.

A 2009 home page: the logo and body copy on the left, four tall flower photos washed in cyan, magenta, yellow and black on the right, labeled about us, client list, services and contact us
October 2009. The label strips are #00adef, #eb0085, #fff200 and #202020. The photos are stock.
An inside page with four thin ink tabs above the content
Inside page
The four labeled photo columns at full size
The four columns
A product row with the clientPrint, sitePrint, sitePrint lite and imPrint logos and four colored contact buttons
Products, November 2009

The products got one ink each. On November 6, 2009 I drew five product logos in one sitting: clientPrint in magenta, sitePrint in cyan, a lite version in a paler cyan, imPrint in orange, and chatterbox. Even the orange is process ink. It’s half magenta and all yellow. Two more followed in 2011.

The clientPrint logo, a magenta fingerprint with a magenta badge
clientPrint
The sitePrint logo, in cyan
sitePrint
The sitePrint lite logo, in a paler cyan
sitePrint lite
The imPrint logo, in orange, with a chat bubble badge
imPrint
The chatterbox logo, two blue speech bubbles beside the name
chatterbox
The clientouch logo, a ring of dots around three figures
clientouch, 2011
The Thumbprint Hive logo, a banded print beside the name in condensed capitals
Thumbprint Hive, 2011

Four prints start to become one

In January 2011 I started pulling the four prints into one. Strategic media dropped to light grey lowercase. I tried the mark three ways: four small prints, one print overprinted in every ink, and one print banded magenta, yellow and cyan.

Four small prints beside thumbprint, with strategic media in light grey lowercase
Four small prints
A single print overprinted in every ink above the wordmark
One print, every ink
A single print banded magenta, yellow and cyan beside the wordmark
Banded

The second site, in February 2011, gave each ink a photograph of its own. A dandelion sat on a cyan sky, a black stone on pale yellow stones, a frangipani on magenta petals. A magenta band under them carried the newsletter sign-up.

The 2011 home page: a grid of photo tiles, a dandelion on a cyan sky, a black stone on pale yellow stones, a frangipani on magenta petals, and a magenta newsletter sign-up band
February 2011. Magenta #ef31a0, yellow #fff426 and a cyan nav, #3abef2. The photos are stock.
The site skin with social icons and the sign-up button
The skin
An about us page with a magenta header bar
An inside page
Photo bars labeled zen out, rise above and stand out
zen out, rise above, stand out
An error page reading Oops! We couldn't find that page, over grey fingerprint ridges, with cyan Go Back and magenta Contact Us buttons
The Oops page
A concept with a white logo panel and a cyan navigation panel
A concept, June 2011

The February 2011 site runs again. It ran on Imagine, the publishing tool I’d built, and you can open it below.

Thumbprint Strategic, running Thumbprint Strategic 2011 Open the running replica →
The firm's February 2011 site, running again with invented records.

The inks overlap

In September 2011 the inks turned into translucent waves behind the whole site. Where two waves crossed, they made a color neither had on its own. Yellow over cyan came out a yellow green, #bed52e.

I went through nine full layouts between August 30 and September 30. The September 27 version went live. The layout wall shows an earlier one, from the 11th.

A 2011 layout: dark content panels over overlapping blue, green and pink waves, with upright section labels in League Gothic
September 11, 2011, the version on the layout wall.
The August 30 layout, pale waves behind a portfolio slider
August 30. The profile in the screenshot is invented.
The September 6 layout, a dark video panel and a white text panel over the waves
September 6
The September 12 layout, the same grid with its section columns in pink, yellow and cyan
September 12
The social media page layout, with a cyan section label
September 16, social media
The design page layout, with a magenta section label
September 17, design
The September 27 layout, a dark header and live feed panels
September 27. The one that went live.
The services layout, four large ink tiles for design, social media, development and online marketing
September 30, services
A second services layout, with the four services as a stacked menu
September 30, services again

The section labels ran up the columns in League Gothic, one ink to a column. Those column colors, #ff0099 and #ffff00, are the hot magenta and the yellow in my design language today.

Upright section labels on magenta, cyan, yellow and grey columns: design, social media, development, online marketing
Services, December 2011
Upright labels services, about, portfolio and contact on striped ink columns
Main sections, October 2011
Translucent cyan, yellow and magenta waves overlapping
The waves
The site background: magenta and cyan waves, and a yellow green where yellow crosses the cyan
Magenta #e43693, cyan #0082b2
Striped cyan, magenta, yellow and grey bars
Color boxes
Four striped swatches in magenta, cyan, yellow and grey
Minibox swatches

In October 2011 I split one fingerprint into four bands: cyan, magenta, yellow and black.

One fingerprint split into vertical bands of cyan, magenta, yellow and black
October 2011. One print, four bands.

Cards, sheets and a pitch

The print followed the screen. The 2011 card is the waves with League Gothic over them, and the letterhead’s nothing but one ink rule across the top.

A rounded business card: the logo on a white side panel, and over the waves an invented name, title, email, phone and address in League Gothic
The 2011 card. The name and details are invented.
The wave artwork behind the card
The card’s waves
The top of the letterhead, a single bar in cyan, magenta, yellow and black
Letterhead
A brochure page with large ink icons: a cyan info bubble, a magenta magnifier and a yellow check
Brochure, first made in March 2011 and revised over time. This copy is the March one.
A one-sheet listing services under a wave header
One-sheet, 2012
A local business brochure cover on white, with Local Business in a cyan bubble
Local business brochure
The same brochure on the waves, with a dark band
The dark version

The everyday paper got the same treatment: a sheet walking clients through adding their email to Gmail, and four pricing sheets on one template. The prices are the firm’s, from April 2012. The web package started at $2,500, and the SEO and social media packages at $750.

An instruction sheet titled Attach your email to your Gmail account
Gmail setup sheet
Pricing sheet for web design and development
Pricing: web
A sheet for social media customization with four social icons
Social media customization
Pricing sheet for SEO
Pricing: SEO
Pricing sheet for social media marketing
Pricing: social media

The FoxNOW sheets were a pitch to Fox Rent A Car in the spring of 2012. It didn’t sell, and Fox was never a client. The fingerprint ground and the mark in the corner are Thumbprint’s.

A promo sheet reading Imagine driving more direct business to Fox, with Welcome to FoxNOW on a cyan band
The one-sheet
The same headline with Introducing FoxNOW on a blue band and the Fox Rent A Car mark
Three sheets, page one

Motion and social

In May 2012 I animated the four-band print. It blurs out and snaps back into focus. The single-ink versions do the same with a dark print on a colored ground.

The four-band print blurring out and snapping back into focus
The four-band print
A dark fingerprint on a cyan ground, going soft and coming back into focus
Cyan
A dark fingerprint on a magenta ground, going soft and coming back into focus
Magenta

The social pages took the cyan. A contest got its own name, Social Print, in the same pattern as the 2009 products. The newsletter and support headers turned the ink into a paint splash, in the same cyan and magenta as the 2010 web logo, #1badcf and #f82790. And a small Developed by Thumbprint stamp went in the footer of client sites.

A Facebook cover, the logo in white on a cyan ground with faint ridges
Facebook cover
A Facebook cover with an Enter our sweepstakes ribbon
The contest cover
A cyan contest header with the logo
The contest header
An ad reading Social Print Sweepstakes, win free customized Facebook and Twitter page designs
The Social Print ad
A newsletter header, thumbprint blotter, with a cyan paint splash on dark ridges
The blotter
A support header with a magenta paint splash
Support
A badge reading thumbprint on Pinterest
Pinterest badge
Two small Developed by Thumbprint footer stamps
The footer stamp

Made under this mark

Not all of the work was in Thumbprint’s colors. For CMG Preferred I designed and built a mobile app for iPhone and Android, a hosted web app wrapped for each platform, published in August 2011. The CMG mark wasn’t mine, but the screens, the per-market cards and the button set around it were.

The CMG Preferred app home screen: About CMG, Where to Use, Purchase Cards and My Cards
Home screen
A black Atlanta Preferred card with a gold dome
The Atlanta card
A sheet of app buttons for cities, purchase, login and sign up
Button set
A graphic titled Evolution of a website in four numbered ink columns, showing a CMG Preferred site from first concepts to the finished product
Evolution of a website

I designed iChatter, a comment system, in October and November 2009. It had a character counter and one obvious action. Two of the 2012 sales sheets put clients’ names beside the Thumbprint mark.

The iChatter layout: a post box with a 400 character counter and threaded sample posts with invented names
iChatter, November 2009. The names in the sample posts are invented.
The iChatter skin with save and post and post reply buttons
iChatter’s skin
A sheet asking Want to expand your social media following, with two client logos at the foot
In-store social sign-up
A sheet selling vehicle wraps, with an Ely's Tires van and car and the Ely's Tires logo at the foot
Vehicle wraps, with Ely’s Tires, May 2012

A Craigslist ad from April 2012 set the firm’s four services on ink tiles, with one print running across all four. Its line about helping a customer “ultimately sell a successful car rental business” is about iTravel.

A Craigslist ad for Thumbprint Strategic Media: the logo, two questions in cyan, the firm's pitch, and four ink tiles for social media, web design, application design and online marketing, with one fingerprint running across them
April 2012. “Sell” meant selling the idea of iTravel, not the business itself.

The name comes back

I picked the name up again in April 2023, for my own portfolio, and called it thumbprintUX. The first pieces went straight back to the four inks: one print cut into cyan, magenta, yellow and grey quadrants, and the 2009 inks laid out as a single bar.

One fingerprint cut into cyan, magenta, yellow and grey quadrants
The quadrant mark, April 2023
The quadrant square beside thumbprint UX in white
The thumbprintUX logo, April 2023
A bar shading from cyan to magenta to yellow to black
The 2009 inks as one bar
Grey fingerprint ridges with pastel cyan, magenta and yellow edges
Pastel ridges, 2023
The quadrant print at the center of four service icons in cyan, magenta, yellow and grey circles
One ink per service

Then a green showed up. On May 13, #0ee94b joined the inks in the hero art, and four days later the whole spectrum came in. The print turned into a line mark on a rainbow tile. I started that one from an icon, not my thumb.

Rainbow waves in green, blue, magenta and yellow
The rainbow hero, May 13
A black line-art fingerprint on a rounded rainbow tile
The rainbow thumbprint, May 17. The line print started from an icon.
The rounded rainbow tile on its own, blue at top left, green at top right, red at bottom left, yellow at bottom right
The tile on its own
The rainbow thumbprint, thumbprint UX and By Justin Zagar, with a cartoon avatar waving
thumbprint UX by Justin Zagar. The avatar isn’t my drawing.
A white line-art fingerprint beside justin zagar on black
The same line mark with my name
The line print redrawn in magenta, cyan and yellow stripes beside thumbprint, with ux in magenta
September 2024. A sketch that never went live.

Where the rainbow went

Those were experiments, made before I’d settled on my own name as the brand. When I did, I kept the rainbow.

My resume in September 2023 already opened with hello, i am, in rainbow outline type, above my name. By February 2025 it’d gone grey and pointed here.

The top of a 2023 resume on black: hello, i am justin zagar in rainbow outline and white type, and a rainbow contact panel
September 2023. The city and phone are invented.
The top of a 2025 resume in greys: hello, i am justin zagar and a portfolio link to iamjust.in
February 2025. The phone is invented.

The rainbow ended up in the box that says i am, at the top of every page on this site. It’s from the 2023 tile. And the 2009 magenta’s hex, #ec008c, is in this site’s stylesheet too, as the first stop of a gradient.

The marks are on the logo wall, and the September 11 layout is on the layout wall.

I am looking for a full-time role in product, web or brand design, or founding product engineering.

Thirty years of it, usually as the only designer in the room. If this is the kind of work your team needs, I would like to hear from you.

Download resume

Or email [email protected].

send a transmission

this goes straight to my inbox.