Create a Clean Vertical Business Card in InDesign

There’s no industry that’s unaffected by face-to-face impressions. Even web designers who perform the majority of their work remotely often end up competing in their local market alongside their nearby competitors. Rarely do clients fully understand the subtleties of your work that separate you from your fellow designer, and for better or worse, they often distinguish designers based on articulation and in-person professionalism. If your work involves periodic, infrequent (monthly) meetings, it’s even more important to make a good impression during your rare opportunities in front of your clients.

So today, we will design a clean vertical business card in InDesign. We will use several straightforward techniques to achieve the final outcome. Let’s take a look ahead at our end result before we start:
feature card

(Download the finished, layered InDesign file.)

Step 1:

Open InDesign and click on “File” > “New” > “Document,” set the number of pages to “2,” and uncheck “Facing pages.” Remember, you can always adjust and tweak the document size according to your printer requirements; for this I’m setting a 2in width and a 3.5in height with 0.5in margins and a 0.125in bleed.
Step 1v

Step 2:

First create a new layer; you can click on the “New layer” option from the layer panel. Now let’s move to the background. Click on the rectangle tool to create a rectangle using a dark gray color swatch (C=0 M=0 Y=0 K=8). I’m changing the screen mode to “Preview” so you can properly see the design.
Step 2

Step 3:

Select the rectangle tool and create a small rectangle on the side. Make sure to fill it using a light color swatch (C=0 M=0 Y=0 K=4).
Step 3v

Step 4:

Again using the same rectangle tool, create a small strip using the same color swatch (C=0 M=0 Y=0 K=4).
Step 4v

Step 5:

Repeat the same process and create 3 more strips using the same light color swatch (C=0 M=0 Y=0 K=4).
Step 5v

Step 6:

Again, select the rectangle tool and create a vertical strip using the light color swatch (C=0 M=0 Y=0 K=4).
Step 6v

Step 7:

Create a big rectangle on the side and make sure to fill it with color swatch (C=59 M=1 Y=48 K=18).
Step 7v

Step 8:

Again, repeat the same process and create another rectangle on the side, then fill it with color swatch (C=54 M=1 Y=48 K=1). Now, add a “solid” 2pt stroke to the rectangle using color swatch (C=0 M=0 Y=0 K=91).
Create another strip with the same color and place it on the right side. Add a 5p solid stroke to the strip with color swatch (C=0 M=0 Y=0 K=4).
Step 8v

Step 9:

Now, click on the rectangle tool and create a rectangle. Make sure to fill it using the dark color swatch (C=0 M=0 Y=0 K=91) used before. Then select the pen tool and create an arrow tip, use the same color to fill the tip as the above rectangle.
Step 9v

Step 10:

We’re going to add some text to our card, so click on the type tool and add the text using color swatch (C=0 M=0 Y=0 K=2). Now, select the text layer and click on “Effects” to add some drop shadow and inner shadow to the text using the following settings.

Step 10v

Step 10bv

Step 11:

Again, select the type tool to add the title text; use color swatch (C=0 M=0 Y=0 K=91) for the title. Then, select the text layer, and click on “Effects,” and add drop shadow using the settings below.
Step 11av

Now, apply an inner shadow using the following settings.
Step 11bv

Step 12:

One side of our card is ready, so let’s start with the other side. To begin building the background, click on the rectangle tool and create a rectangle. Make sure to fill the rectangle using color swatch (C=0 M=0 Y=0 K=91).
Step 12v

Step 13:

Create a box using the rectangle tool and make sure to fill it with color swatch (C=0 M=0 Y=0 K=4).
Step 13v

Step 14:

Now, create a small horizontal strip and fill the strip using color swatch (C=59 M=1 Y=48 K=18). Then, select the pen tool and create an arrow tip, use the same color as the strip above to fill the tip.
Step 14v

Step 15:

Now, create another box using the rectangle tool and fill the box using color swatch (C=54 M=1 Y=48 K=1).
Step 15v

Step 16:

Create three strips using the rectangle tool and make sure to fill these using color swatch (C=0 M=0 Y=0 K=4).
Step 16v

Step 17:

Repeat the same process and create three more strips using the rectangle tool; make sure to fill these with color swatch (C=0 M=0 Y=0 K=91).
Step 17v

Step 18:

Now, create another horizontal strip, but this time fill the strip using color swatch (C=59 M=1 Y=48 K=18).
Step 18v

Step 19:

Select the rectangle tool and create a small box on the side, now fill the shape using color swatch (C=0 M=0 Y=0 K=93). Repeat the same steps and create two more boxes on the side.
Step 19v

Step 20:

Now select the type tool to add some title text. Use the color swatch (C=0 M=0 Y=0 K=91) for the name and color swatch (C=0 M=0 Y=0 K=58) for the text. Then select the text layer and click on “effects” to add some drop shadow and inner shadow. Make sure to use the same settings as we did for the text above.
Step 20v

Step 21:

Now, add the contact details using the type tool and then click on “effects” to add some drop shadow.
For the drop shadow keep the settings same as shown in the image below.
Step 21v
Let’s have a look at our final product.
feature card

Our clean vertical business card is ready. I hope you enjoyed the tutorial and your new business card design.

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • Anonymous

    As for creating this biz card, I’d even use a simple word processor. But I really admire the choice of clour. It even blends with the site :)
    Really creative!

  • punc28r

    “Rarely do clients fully understand the subtitles”
    ….*cough*…… subtleties…..

    • Anonymous

      Ha ha. Well spotted. Fixed now.