Mastering Business Card Text Layouts and Typography in InDesign

With your document set up and logo placed, the next step in building your business card is adding and styling text. This is where your layout begins to take shape, introducing hierarchy, alignment, and typography choices that define the overall look and feel of the design. In this section, you’ll learn how to create and position text frames, import text from external files, apply professional fonts using Adobe Fonts, and adjust alignment and spacing so everything sits cleanly within the layout.

Two Ways to Add Text in InDesign

InDesign gives you two common workflows for putting text onto a page:

1. Create a text frame first, then place or type text into it.

2. Place text first, then draw the frame when InDesign prompts you.

Both methods are useful, depending on whether you already know where text should go on the layout.

Creating Text Frames with the Type Tool

To manually create a text box, select the Type Tool and drag to draw a text frame.

When drawing a text frame, align it carefully using the cursor’s top-left corner. As you move over guides, the small arrow in the cursor changes color:

• White arrow: you’re snapping to a guide

• Black arrow: you’re not on a guide

For this business card layout, start by drawing a text frame to the right of the logo, sized to match the logo’s height. This creates a clean area for the name and job title.

Placing Text from a File

Instead of typing everything manually, you can import text the same way you import graphics: using Place.

This is especially helpful when working with:

• Word documents from clients or authors

• Plain text or rich text files

• Copy you want to keep linked to a source document

If your cursor is already active inside a text frame, placing a text file will flow text directly into that frame.

Using Multiple Text Frames for Flexible Layout

This business card uses multiple blocks of text (name/title, address, contact info), and those elements need to sit in different parts of the card. For that reason, it’s better to use separate text frames rather than putting everything into one large frame.

Separate frames allow you to:

• Move each block independently with the Selection Tool

• Align sections precisely

• Adjust font size without needing to reposition everything manually

Place the Address (Bottom Left)

Use File > Place and select the address text file. If InDesign tells you a frame is needed, click and drag to draw one.

Draw this frame starting at the bottom-left corner, dragging upward and to the right to fill roughly half the lower area. If the text doesn’t fit, you can always resize the frame later.

Place Contact Info (Bottom Right)

Repeat the same process with the contact/phone text file:

• File > Place

• Draw a frame starting from the bottom-right corner, filling the remaining lower space.

At this stage, the goal is simply to create the necessary text frames so everything can be positioned and styled cleanly.

Aligning Text Horizontally and Vertically

Horizontal Alignment (Left / Center / Right)

Use the Properties panel (Paragraph options) to adjust alignment:

• Right-align the blocks intended for the right side of the card (top-right text and bottom-right contact info).

• Keep the bottom-left address left-aligned.

Vertical Alignment (Top / Center / Bottom)

In addition to left/right alignment, InDesign can align text within a text frame vertically.

The quickest method is through the Contextual Taskbar, which can be shown or hidden via:

• Window > Contextual Taskbar

From there, you can set:

• top

• center

• bottom vertical alignment

This setting also lives in:

• Object > Text Frame Options

Enable Preview in Text Frame Options if you want to see changes update immediately while you adjust vertical alignment.

For this layout, bottom-aligning the text is useful because it keeps text “tucked” neatly into the corners—even when font size changes.

Why Vertical Alignment Helps

Instead of manually dragging text frames every time you adjust type size, vertical alignment keeps text anchored consistently:

• Bottom-right text stays snug in the bottom-right corner

• Bottom-left text stays snug in the bottom-left corner

That way, changes to font size or leading don’t force you to reposition everything.

Choosing a Font via Adobe Fonts (Creative Cloud)

The fonts you see in InDesign come from two places:

1. Fonts installed locally on your computer

2. Fonts activated through Adobe Fonts (via Creative Cloud)

To make sure everyone can use the same font, this exercise uses a Creative Cloud font: Brando.

Activate the Font in Creative Cloud

1. Open the Creative Cloud app:

   • Mac: click the Creative Cloud icon in the menu bar (top-right area)

   • Windows: find it near the system tray (bottom-right). You may need to expand hidden icons.

   • Or launch Creative Cloud from your Applications/Start menu if needed.

2. Click the Fonts icon (a small “F”) in the Creative Cloud app.

3. Choose Browse More Fonts to open Adobe Fonts in your browser.

4. Search for Brando.

5. Select the font family and click Add Family (rather than adding individual styles).

Creative Cloud syncs the font to your Adobe apps. You’ll typically get a notification when it’s ready (notifications may be hidden during a recording).

Optional: Install for Non-Adobe Apps

If you also want the font available in tools like PowerPoint, Figma, or other non-Adobe apps, choose:

• Install Family for other local apps

Once installed, Creative Cloud will indicate the font is available for Adobe apps and other local apps.

Applying the Font and Styling Text

Back in InDesign, you can apply Brando by clicking into the font field and typing the name.

A useful workflow:

• Select text and change the font family to Brando

• Use the weight/style menu to switch between Regular, Light, Bold, etc.

To make the name stand out, set the name line to a heavier weight (such as SemiBold or Bold). Then adjust the supporting lines (like the job title) to a lighter or smaller style if you want more contrast.

Styling Multiple Text Boxes at Once

You can apply the same font settings to multiple text frames simultaneously:

1. Switch to the Selection Tool

2. Click one text frame

3. Hold Shift and click another frame

4. Change the font family/size in the Properties panel

This updates both frames at the same time.

Preview Mode (Hide Guides and Frames)

Once text is in place, the guides, margins, and frame edges can feel visually noisy. Preview Mode hides anything that won’t print.

To switch modes:

• Click and hold the view mode icon at the bottom of the toolbar and choose Preview.

• Or use the shortcut: W

Important: the W shortcut works only when you’re not actively typing in a text frame—otherwise you’ll insert the letter “w.” Click outside text first, then press W.

You can still edit text while in Preview Mode, and it provides a cleaner print-like view while you fine-tune spacing and hierarchy.

Leading: Controlling Space Between Lines

Along with font size, one key type setting is leading (pronounced “ledding”), which controls the vertical space between lines of text.

You’ll often see leading set to Auto (shown with parentheses). Auto adjusts line spacing as the font size changes, but you can override it by entering a specific value.

Use leading to:

• tighten stacked lines for compact layouts

• increase spacing for clarity and readability

More type styling will be covered in later exercises, but leading is a helpful adjustment to start using right away.

Removing Fonts (If You Ever Need To)

If you want to clean up your font menus later, you can remove fonts in the Creative Cloud app:

1. Open Creative Cloud

2. Go to Fonts

3. Locate the family

4. Remove individual weights or remove the entire family from the menu

For this project, Brando should stay active since you’ll continue using it.