Create a Sleek Vertical Business Card in InDesign

There are plenty of ways to impress and make introductions online, but business cards are still very important, and regardless of whatever nascent technology lies ahead, a compelling, tangible business card will always play a key role in attracting new clients. A unique and appealing business card design can help you stand out from the crowd and demonstrate your value and talents in real, tangible terms. One way to make your business card intriguing and different is designing a vertical business card instead of the usual, expected horizontal equivalent.

So, today,we are going to create an appealing vertical business card in InDesign. We will use some useful techniques, tools, and tricks to get this done. Let’s get stated.

Final Result: (Download the finished, layered InDesign file.)

final

Step 1

Open InDesign and click on “File” > “New” > “Document,” with the number of pages set at 2. Uncheck the Facing pages. You can use the size that your printer prefers; I’m going to set the width to 2in and the height to 3.5in with margins of 0.5in and a bleed 0.125in.

Step 1

Step 2

Now, select the rectangle tool and create a rectangle with a dark color swatch (C=0 M=0 Y=0 K=92).

Step 2

Step 3

Select the line tool and create a vertical line with the same color used in the above rectangle. Then, add a 4pt “white diamond” stroke with color swatch (C=0 M=0 Y=0 K=93).

Step 3

Step 4

Repeat the same process and fill the background with these lines.

Step 4

Step 5

Before we start with the design elements, let’s change the screen mode to “Preview” so that we can properly see the details. Now, create a new layer (using the layer panel) then select the pen tool and create a path like the one below. Fill it with color swatch (C=9 M=75 Y=100 K=7).

Step 5

Step 6

Select the above layer and click on effects to add some drop shadow. Use the following settings.

Step 6

Step 7

Select the pen tool again, create another path, and fill it with paper color swatch (C=0 M=0 Y=0 K=0). Then, click on “Effects” and add a drop shadow using the same values used before.

Step 7

Step 8

Repeat the same process and create some more paths with similar colors and drop shadows.

Step 8

Step 9

Now, let’s start with bottom. Select the pen tool, create a path, and fill it with color swatch (C=9 M=75 Y=100 K=7).

Step 9

Step 10

Create two more paths with colors (C=9 M=75 Y=100 K=7) and (C=1 M=67 Y=100 K=0). Then, click on “Effects” to add some drop shadow. Use the values shown below.

Step 10

Step 11

Now, let’s add the title text. Select the type tool and add text using paper swatch (C=0 M=0 Y=0 K=0).

Step 11

Step 12

Select the above layer and click on “Effects” to add a drop shadow and inner shadow using the following settings.

Step 12a

Step 12b

Step 13

Repeat the same process and add some more text. We’re done with the front side!

Step 13

Step 14

Now, let’s start with the other side. Create a new layer and select the rectangle tool to create a rectangle using the same printer-friendly dimensions that you chose before.

Step 14

Step 15

Select the line tool to add lines with a 4pt “White diamond” stroke, the same way that we did above.

Step 15

Step 16

Select the pen tool to create a path and fill it with color swatch (C=1 M=67 Y=100 K=0).

Step 16

Step 17

Repeat the same process and create rest of the paths and add some drop shadow to each.

Step 17

Step 18

Select the type tool, add text with a pure white paper swatch, and add inner shadow and drop shadow. Use the same settings that we used for the text on the other side of the card.

Step 18

Step 19

Repeat the same process and add some additional text.

Step-19

Step 20

Now, select the line tool and create a divider between the texts. Add a 3pt “White diamond” stroke to line with a gray color swatch (C=0 M=0 Y=0 K=83).

Step-20

Step 21

Select the rectangle tool and create a small rectangle with color (C=0 M=0 Y=0 K=94).

Step-21

Step 22

Now, select the type tool and add the contact details into the design.

Step-22

Step 23

Select the line tool and create dividers with a 1pt stroke using a dark color swatch (C=0 M=0 Y=0 K=93).

final

And, we are done with our vertical business card. Looking sharp! I hope you enjoyed the process.

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.

  • http://www.jiwantamang.com.np Jiwan Tamang

    Very Nice Design,, thank for sharing…

  • Adam Bai

    Hiya! I simply want to give a huge thumbs up for the great tut you’ve here. I will be coming back to your blog for more soon.

  • Dawn Elise

    I used this to make my biz card–thank you! Very clear instructions. ;-)