🚧 Under construction — VoTechWorks is being built. A free tech program — complimentary, as our commitment to get America working.
voTechWorksGrade 13 · a vocational technology learning center, by urbanicity
newSchoolWorks.com › VoTechWorks › Technology & Design › Graphic & Digital Media › Social Content Creation for Graphic & Digital Media › Lesson 6
TEC-DIGI47-06 · Lesson 6 · 10 clock hours · practice

Typography & Copywriting for Social Formats

Objective. Students select and set type hierarchies appropriate for mobile-first social viewing and write captions with calls to action for three distinct post purposes.

⚠ Pending professional review

This lesson, its worked examples and its practice questions has not yet been verified by an industry-certified professional or by a certification or approval body. It is a study draft and may contain errors. Do not use it as instructions for work on a job site or on live equipment. Always follow your instructor, your supervising professional, and current official references and regulations.

VoTechWorks program approval and accreditation are still in progress. Credentials are issued only by the certifying bodies named in each program, after their own exams.

Why Typography and Copywriting Matter on Social Media

Social media feeds move fast. A viewer on a smartphone decides in roughly one to two seconds whether to stop scrolling. Your typography and your caption copy are the two tools that earn that pause. When both are handled well together, they reinforce brand identity, communicate the message instantly, and prompt the viewer to act. This lesson teaches you to make those decisions deliberately.

Mobile-First Type Thinking

Most social content is viewed on a phone screen, not a desktop monitor. A typeface that looks elegant at 12 pt on a 27-inch display can become illegible at the equivalent rendered size on a 6-inch screen. The guiding rule for this lesson: no text element in a social graphic should render at less than 18 pt equivalent at the viewer's intended display size. For Instagram feed posts (typically exported at 1080 × 1080 px for a 1:1 ratio), a headline set at roughly 80–120 px in Photoshop maps to a comfortable reading size on most phones. Body or supporting text should not drop below about 40–50 px in that same document.

When you set type in Photoshop, keep the Character panel open so you can track exact point values. Export at the correct pixel dimensions for the platform and test your file by opening it on an actual phone before finalizing.

Type Hierarchy: More Than Two Sizes

Hierarchy is the visual order that tells the viewer what to read first, second, and third. At minimum, your social post needs two distinct levels:

A third level — a tiny label, hashtag group, or brand tagline — can exist as long as it does not clutter the composition. Hierarchy is created through size, weight, color contrast, and spacing. You do not need to use every tool at once; restraint reads as professionalism.

Pairing Typefaces

A type pairing combines two typefaces that complement each other without competing. A practical and widely used approach is to pair a display or serif typeface for the headline with a clean sans-serif for supporting text, or vice versa. When selecting from Adobe Fonts (accessible through the Creative Cloud desktop app), filter by classification — Serif, Sans Serif, Display, Handwritten — and look for contrast in structure while sharing a similar overall tone. A condensed geometric sans-serif headline paired with a humanist sans-serif body type, for example, creates contrast in weight and width while both feeling modern.

Always ask two questions about your pairing:

1. Does each typeface remain readable at the size it will actually appear?

2. Does the combination reflect the brand's personality (professional, playful, premium, approachable)?

Writing Captions for Social Media

A caption serves a specific purpose depending on the post's goal. You will work with four types:

Awareness caption: Introduces the brand or a topic to people who may not know it yet. Keep the language clear and welcoming. Avoid jargon. Lead with a fact, story hook, or statement that is immediately relevant to the target audience.

Engagement/question caption: Invites the viewer to respond. A direct question is the most reliable device — people answer questions reflexively. Make the question easy to answer in a word or short phrase to lower the participation barrier.

Promotional caption: Announces a product, service, event, or offer. State the benefit before the feature. Include any essential detail (what, when, where) and close with a clear call to action that tells the viewer exactly what step to take next.

User-generated content (UGC) repurpose caption: Credits the original creator and explains why you are sharing the content. A UGC caption builds community trust. It should acknowledge the creator by handle, frame why their post is relevant to your brand, and invite others to share similar content.

Calls to Action

Every caption in this lesson must close with a distinct call to action (CTA). A CTA is a direct instruction: Shop now. Drop your answer below. Tag a friend. Share your photo and use #[BrandHashtag]. Strong CTAs are short, use an active verb, and match the platform's behavior. On Instagram, linking out in stories or a bio link is common; a feed post CTA might say "Link in bio" rather than a full URL.

The 150-Character Discipline

Keeping each caption under 150 characters (including spaces and punctuation) forces precision. Count characters in Photoshop's character count feature, in a word processor, or using the caption writing worksheet. Every word must earn its place. Trim filler phrases such as "We are excited to announce" and replace them with the announcement itself.

File Hygiene and Workspace Safety

When working in Photoshop with raster graphics and live text:

Connecting to the Adobe Certified Professional Exam

The ACP Visual Design exam assesses your ability to set and format type, use design principles, and produce work for digital output. Understanding type hierarchy, pairing rationale, and production-ready file setup directly supports those domains. Review the ACP Visual Design domain reference provided with your course materials for the specific skill areas covered.

Key terms9

Type hierarchyThe visual organization of text elements by size, weight, color, or spacing so the viewer reads them in a deliberate order — most important first.
Type pairingA deliberate combination of two typefaces chosen to complement each other in style and function, typically one for headlines and one for body or supporting text.
Mobile-first designA design approach that treats the smallest screen (a smartphone) as the primary viewing context, sizing and spacing all elements to be legible and functional there before scaling up.
Call to action (CTA)A short, direct instruction in a caption or advertisement that tells the viewer what specific action to take next, using an active verb (e.g., 'Shop now,' 'Comment below').
User-generated content (UGC)Photos, videos, or copy created by customers or community members rather than the brand itself, often reshared by brands to build credibility and community.
Display typefaceA typeface designed for use at large sizes in headlines or decorative applications; it may sacrifice some legibility at small sizes in favor of distinctive visual character.
ReadabilityThe ease with which a reader can process a block of text, determined by typeface choice, size, line spacing, letter spacing, and contrast against the background.
Adobe FontsA library of licensed typefaces included with an active Adobe Creative Cloud subscription, accessible directly inside Photoshop and other Creative Cloud applications.
Engagement captionA social media caption written specifically to prompt audience interaction — most commonly through a direct question that is easy to answer in the comments.
In class: Type-pairing exercise: students choose a heading and body typeface combination from a supplied licensed font library, set them at platform-appropriate sizes (minimum 18 pt equivalent at intended viewing size), and present their rationale to a partner. · Caption writing workshop: using a provided brand brief and four sample images, students write four captions (one awareness, one engagement/question, one promotional, one user-generated-content repurpose) under 150 characters each, with a distinct call to action in each. · Combine type work and captions into a single Instagram feed post mock-up in Photoshop and submit with a short written note explaining typeface and hierarchy choices.
Materials: Adobe Photoshop CC; Adobe Fonts (via Creative Cloud); brand brief (instructor-supplied); caption writing worksheet; mobile type-scale reference handout; ACP Visual Design exam domain reference
Check: Four captions meet length limit and contain a clear CTA; mock-up shows visible type hierarchy (minimum two size levels); font pairing rationale references readability and brand tone. Instructor scores against rubric; pass mark 75%.

Practice check8

Answer each question, then check it. Nothing is recorded; this is your own practice.

Setting project requirements and working with assets
1. A student sets a headline at 30 px in a Photoshop document sized 300 × 300 px intended for Instagram. The post will be exported and displayed at 1080 × 1080 px. What happens to the visual size of that headline text on export?
Communicating design decisions
2. Which caption best demonstrates a clear call to action for an engagement/question post?
Visual design principles
3. A student pairs a condensed serif display typeface for the headline with a wide, heavily decorative script for the body text. What is the most likely problem with this pairing?
Producing and exporting digital assets
4. What is the primary purpose of saving a working Photoshop file as a layered .psd rather than exporting only a flattened .jpg?
Visual design principles
5. Which of the following best describes a type hierarchy for a mobile social graphic?
Communicating design decisions
6. A student is writing a promotional caption for an upcoming weekend sale. The draft reads: 'We are very excited to be announcing that this coming weekend our prices will be reduced significantly on a wide range of items.' It is 158 characters. Which revision best meets the 150-character limit while keeping a clear CTA?
Communicating design decisions
7. When repurposing user-generated content in a brand's Instagram caption, which element is most important to include?
Producing and exporting digital assets
8. Which Photoshop panel should a student keep open to monitor the exact point size of a text layer while building a social media mock-up?
Record this lesson on my transcript. Sign in with your key and enrollment email to record lessons (enroll free if you have no key). This page stays open to read and practise.