Design a Social Campaign for Vanta

Design a 3-post 'Trust Starts Here' campaign within Vanta's brand system.

Introduction

30 Second Summary

Every time you scroll past a brand's social post and instantly recognize it without seeing the logo, that's a design system doing its job. Building that kind of visual consistency across a campaign is one of the most in-demand skills for brand designers.

In this project, you will design a 3-post social media campaign for Vanta within their existing brand system. You'll use AI tools for creative exploration and produce scalable templates ready for a portfolio case study.

What You'll Build

A "Trust Starts Here" social media campaign for Vanta that demonstrates your ability to interpret an existing brand system, develop a cohesive visual concept, and produce scalable campaign assets across touchpoints.

By the end of this project, you'll have:

  • A Figma brand reference kit extracted from Vanta's public-facing visual language, covering colors, typography, shapes, and spacing.
  • A campaign concept board with AI-generated visual exploration and a selected creative direction.
  • 3 cohesive LinkedIn and Instagram campaign posts with consistent visual identity and a scalable template system for production handoff.
  • Secret Mission: Adapt the campaign to an out-of-home billboard format, proving the concept scales across radically different media.

Set Up Your Brand Reference Kit

Before designing anything for a brand, you need to deeply understand its visual language. A brand reference kit is your single source of truth for colors, typography, shapes, and patterns.

In this step, you'll create a structured Figma project file and populate it with everything you need to design confidently within Vanta's brand system.

In this step, get ready to:
  • Set up a multi-page Figma project file that mirrors how brand teams organize working files.
  • Gather visual references from Vanta's public-facing brand across web and social.
  • Build a documented brand reference board with extracted design tokens.
Set up your Figma project file

A well-structured file communicates professionalism before anyone sees a single design. This multi-page structure mirrors how brand teams organize campaign work and shows structural thinking from the start.

  • In Figma, create a new design file by clicking the + button on your home screen or selecting New design file from the drafts area.
  • In the left sidebar, locate the page list under the Pages heading.
  • Double-click the default page name (Page 1) and rename it to Reference.
  • Press Enter to confirm the name.
  • Click the + icon next to the Pages heading to add a new page.
  • Name it Concept.
  • Repeat to create three more pages named Campaign, Templates, and Case Study.

Why this page structure?

Each page maps to a stage of the campaign design process. Reference holds your brand research. Concept holds AI explorations and direction choices. Campaign holds finished post designs. Templates holds your scalable component system. Case Study holds your portfolio presentation.

When a hiring manager opens your file, this structure immediately signals that you think in systems, not just individual deliverables.

You should now see five pages listed in your left sidebar. Confirm all five are named correctly before moving on.

Only seeing three pages?

Figma's Starter plan limits files to 3 pages. If you hit this limit, upgrade to a Professional or Education plan, or create a second file to hold your Templates and Case Study pages.

Can't find the pages list? Help me find the Pages panel in Figma's left sidebar.

Gather visual references from Vanta's public-facing brand

Your reference board needs to capture the full range of Vanta's visual output. You'll pull from their website, social presence, and brand resource pages to build a comprehensive picture.

  • Navigate to your Reference page in Figma by clicking its name in the left sidebar.
  • Open vanta.com in your browser.
  • Screenshot the homepage hero section, including the headline typography and color treatment.
  • Navigate to 2-3 key marketing pages (such as the product page, trust page, or customers page) and screenshot each.
  • Visit Vanta's LinkedIn page and screenshot 3-4 recent social posts that show their visual style in action.
  • Visit vanta.com/resources/introducing-vantas-new-look and screenshot the brand identity visuals shown on that page.
  • Look for examples of the "Don't SOC-block Your Best Engineer" campaign imagery if visible on their social feeds.
  • Paste all screenshots onto your Reference page canvas in Figma. Aim for 8-10 reference images that represent the range of Vanta's current visual output.

Capture variety, not volume

Prioritize images that show different executions: a hero with large serif type, a social post with illustration, a product screenshot with UI framing, a campaign visual with bold color. Range matters more than quantity.

Arrange your screenshots loosely on the canvas. You'll organize them more intentionally in the next substep.

Build a brand reference board on your Reference page

A reference board goes beyond collecting screenshots. It extracts and documents the underlying system so you can design within it confidently.

  • Create a new frame on your Reference page by pressing F and drawing a large rectangle. Name it Color Palette.
  • Use Figma's eyedropper tool (press I or click the color swatch in the right panel) to sample colors directly from your screenshots of vanta.com.
  • Document the following colors as swatches with their hex values: the signature deep purple, lavender washes, dark ink tones, and neutral surfaces (parchment and white).

What colors should I look for?

Vanta's palette centers on purple, described officially as capturing "the intensity with which we take our security mission as well as the tranquility customers feel when using our products."

Sample from the live website. You should find a primary deep purple for CTAs and accents, a soft lavender wash used in hero backgrounds, a very dark ink tone (almost black) for text and borders, and light neutral surfaces (parchment off-white and pure white).

  • Create a second frame named Typography.
  • Document the two typeface roles you observe: a display serif used for large headlines (note the weight and approximate size range) and a neutral sans-serif used for body and UI text.
  • Add notes about the pairing: how size contrast between the serif and sans-serif creates hierarchy, and what weights are used for each role.

A note on Vanta's fonts

Vanta's brand announcement names Atak and Nib as their declared brand fonts. The live website may use different web fonts in implementation.

For this project, reference what you observe on the live site. The goal is demonstrating typographic sensibility and the ability to identify and describe type decisions, not access to specific licensed fonts.

  • Create a third frame named Shape Language.
  • Document the shape patterns you observe: pill-shaped buttons and badges (fully rounded corners), cards with subtle border radius, hairline borders instead of drop shadows, and the flat editorial aesthetic.
  • Create a fourth frame named Brand Elements.
  • Document Vanta's signature visual devices: the Ilma-inspired organic cutout shapes (referencing their llama mascot), the architectural illustration style, and how photography and product screenshots are framed within their layouts.

What is Ilma?

Ilma is Vanta's llama mascot. The name means "resolute protector" in German. Vanta's visual language uses cutout shapes referencing Ilma's fur to hold photography, screenshots, or provide color accents throughout their marketing materials.

  • Review your completed reference board. Confirm it documents all four areas: color palette with hex values, typography with role descriptions, shape language with specific patterns, and brand elements with visual devices.
  • Arrange everything cleanly with clear labels and adequate spacing between frames.

Your reference board should now orient any designer to Vanta's brand in 30 seconds. If someone opened this page cold, they should immediately understand the color palette, type system, shape conventions, and signature visual motifs.

Not sure if your board is complete enough?

Check each frame answers a specific question. Color Palette: "What colors does Vanta use?" Typography: "What fonts and at what sizes?" Shape Language: "What are the UI patterns?" Brand Elements: "What makes this visually Vanta?"

If any frame feels thin, revisit vanta.com and pull additional examples. Help me identify what's missing from my Vanta brand reference board.

Your reference kit is locked in. Next up, you'll write a creative brief and use AI to explore visual directions for the "Trust Starts Here" campaign concept.

Develop Your Campaign Concept

Your brand reference kit gives you a clear map of Vanta's visual language. Now it's time to use that map to develop an original campaign concept that lives inside Vanta's system while saying something new.

This step is where strategic thinking meets creative exploration. You'll write a creative brief that locks in the campaign's direction, use AI tools to rapidly explore visual possibilities, and distill everything into a concept board that could guide any designer to execute your vision.

In this step, get ready to:
  • Write a creative brief defining audience, message, tone, and format.
  • Generate AI visual explorations to rapidly test directions.
  • Select one direction and build a concept board with your visual motif, copy framework, and compositional approach.
Write your creative brief

A creative brief is the strategic foundation that keeps every design decision aligned. Without one, campaigns drift into arbitrary visual choices that look nice but don't communicate a clear message.

  • Switch to your Concept page in your Figma project file.
  • Create a new text frame titled "Creative Brief" at the top of the page.
  • Define your Audience: Startup founders and security leaders evaluating compliance platforms.
  • Define your Message: Trust is not a one-time achievement but a continuous practice, and Vanta makes it simple.
  • Define your Tone: Confident, warm, slightly irreverent. The campaign should feel premium and current, not corporate or fear-based.
  • Define your Format: A 3-post series for LinkedIn and Instagram with square (1080x1080) and landscape (1200x628) variants.

What tone is Vanta going for?

Vanta's brand personality is "trusted security and compliance expert with a wink." Their "Don't SOC-block Your Best Engineer" campaign proved they embrace wit and irreverence alongside authority.

Your campaign should match this energy. Think confident and warm, not stiff and corporate. The goal is to make compliance feel approachable without undermining its seriousness.

Explore visual directions with AI

AI image generation is a creative exploration tool that lets you test visual directions in minutes instead of hours. You're using it to generate raw material and spark ideas, not to produce final campaign assets.

  • Open your AI image generation tool (Adobe Firefly, Midjourney, or DALL-E).
  • Generate 5-8 images exploring abstract concepts around trust, protection, growth, and continuity.
  • Prompt for textures, shapes, or illustrative elements that could pair with Vanta's purple palette and editorial aesthetic.
  • Think about organic/architectural contrasts, abstract protection metaphors, continuous motion, or llama-adjacent warmth without being literal.
  • Save all AI outputs to your Concept page in Figma by dragging or pasting the generated images directly onto the canvas.

Why use AI here instead of sketching?

Vanta's job description explicitly calls out exploring AI to improve craft and speed. Using AI at the ideation phase shows you integrate new tools appropriately. You're using it as a thinking partner to quickly visualize abstract concepts, not as a replacement for your design execution in the final assets.

Prompting for brand-aligned results

Include color references in your prompts ("deep purple tones," "lavender and ink contrasts") and style cues ("editorial," "flat," "architectural") to get outputs that already feel adjacent to Vanta's world. This saves you time when evaluating which directions have legs.

Select a direction and build your concept board

Your concept board is the bridge between exploration and execution. It locks in one visual direction with enough specificity that another designer could produce a fourth post in your series without asking questions.

  • Review your AI outputs and select one visual direction that feels most aligned with Vanta's brand and your campaign message.
  • Create a new section on your Concept page titled "Concept Board" below your AI explorations.
  • Define your hero visual motif: the recurring visual element that ties all three posts together. This could be a texture, shape, color treatment, or illustrative device.
  • Write the copy framework for each of the 3 posts. Each post needs a headline and a supporting line.
  • Document your compositional approach: Where does type sit relative to imagery? How do Vanta's brand elements (cutout shapes, pill badges, hairline borders) frame the content?

What makes a strong copy framework?

Each post in the series should deliver a distinct message that builds on the campaign theme "Trust Starts Here." Post 1 hooks with the boldest statement. Post 2 deepens the idea. Post 3 closes with a call to action or forward-looking statement.

Headlines should be punchy (under 8 words). Supporting lines add context without repeating the headline. Together, the three posts should feel like chapters of the same story.

Test the handoff

Read your concept board as if you've never seen the project before. Could you design a fourth post in the series using only what's documented here? If not, add more specificity to your motif description or compositional notes.

Your concept board is locked in. Next up, you'll bring this direction to life by designing the full 3-post campaign series across both Instagram and LinkedIn formats.

Design the Campaign Series

Your concept board defines a clear visual direction. Now it's time to turn that direction into three fully realized campaign posts that prove the concept holds together across multiple executions.

A single strong post is a one-off. A series of three that share visual DNA while each standing on their own compositional legs demonstrates systems thinking. That's what brand teams hire for.

In this step, get ready to:
  • Design Post 1 as the hero post that establishes the visual system for the series.
  • Design Posts 2 and 3 with consistent language but distinct compositional variation.
  • Review and refine all three posts as a triptych for cohesion, hierarchy, and brand alignment.
Design Post 1 as the hero post

Post 1 is the anchor of your campaign. It establishes the visual system that Posts 2 and 3 will inherit, so every decision here sets the rules for the series.

  • Switch to your Campaign page in your Figma file.
  • Create your first frame by pressing F on your keyboard to activate the Frame tool, then set the dimensions to 1080x1080 in the right panel.
  • Name this frame Post 1 - Instagram by double-clicking the frame name in the layers panel.
  • Create a second frame at 1200x628 and name it Post 1 - LinkedIn.

Why two formats for every post?

Instagram and LinkedIn have different aspect ratios, which means different compositional constraints. A layout that sings at 1080x1080 may feel cramped at 1200x628.

Designing both forces you to think about your system's flexibility from the start. This is exactly how production social campaigns are built.

Now build the hero post's visual system. Reference your concept board on the Concept page for the motif and copy framework you already defined.

  • Set your background fill using Vanta's primary purple or a lavender wash from your Reference page palette.
  • Add your headline text using the display serif from your reference kit. Set it at editorial scale (48px minimum in the 1080x1080 frame) with strong weight.
  • Use the Post 1 headline from your copy framework on the Concept page.
  • Add the supporting line in the neutral sans-serif at a noticeably smaller size. Aim for at least a 2:1 ratio between headline and body size.
  • Place your hero visual motif as the central design element. This is the recurring visual thread that ties the series together.
  • Apply Vanta's design patterns: pill-shaped badges (fully rounded corners), hairline borders (1px stroke), lavender washes, or Ilma-inspired cutout shapes to frame content.

What makes typography feel confident?

Strong size contrast is the key. When your headline is dramatically larger than your body copy, the hierarchy reads instantly. Vanta's brand uses bold serif headlines at display scale paired with restrained sans-serif supporting text.

The confidence comes from commitment. If you make the headline large, make it large. Timid half-measures read as indecisive.

  • Adapt the composition to the 1200x628 LinkedIn frame. Reflow the layout to suit the landscape orientation rather than simply scaling down the square version.
  • Check that both formats share the same palette, type styles, and motif placement logic, even if the exact arrangement differs.

You should now have two frames for Post 1 that feel like the same post adapted intelligently to each platform's canvas.

Post feels generic or off-brand?

Return to your Reference page and compare directly. Are you using Vanta's actual purple (#5e05c4 or similar sampled values) or a generic purple? Are your corners rounded to match their pill-shape language?

Brand specificity lives in the small details: exact colors, exact radii, exact type pairings. When in doubt, toggle between your post and a real Vanta social screenshot. Help me make my campaign post feel more aligned with Vanta's visual identity.

Design Posts 2 and 3 with compositional variation

Posts 2 and 3 prove that your visual system has range. They need to feel unmistakably part of the same series while offering something compositionally distinct from Post 1 and from each other.

  • Create four new frames on your Campaign page: Post 2 - Instagram (1080x1080), Post 2 - LinkedIn (1200x628), Post 3 - Instagram (1080x1080), and Post 3 - LinkedIn (1200x628).
  • Pull the Post 2 and Post 3 headlines from your copy framework on the Concept page.
  • Keep the same type system (serif headline, sans-serif body), the same palette, and the same recurring visual motif across all posts.
  • Vary the composition between posts. Shift where the headline sits relative to the motif. Change the scale relationship. Flip the visual weight from one side to the other.
  • Avoid making all three posts identical layouts with swapped text. The system should have enough flexibility that each post feels fresh.

What does compositional variation actually look like?

Think of it as keeping the same ingredients but plating differently. Post 1 might center the motif with text below. Post 2 might push the motif to the left with text wrapping right. Post 3 might use the motif as a background element with text overlaid.

The thread that ties them together is color, type treatment, and the motif itself. The variety comes from layout, scale, and emphasis.

  • Adapt each post to its LinkedIn landscape frame, reflowing the layout as you did for Post 1.
  • Check that the recurring motif appears in every post. It should be recognizable as the same element even when used at different scales or positions.

You should now have six frames total on your Campaign page. Three Instagram squares and three LinkedIn landscapes, forming a cohesive set.

Posts look too similar or too different?

If they're too similar, you've only changed the text. Push yourself to vary at least two compositional elements: headline position, motif scale, background treatment, or visual weight distribution.

If they feel disconnected, check the constants. Are you using the exact same color values? The exact same type sizes and weights? The same motif element? Consistency in those three areas holds almost any layout variation together. How do I create visual variation across campaign posts while keeping them cohesive?

Review the series as a triptych

Individual posts can look great in isolation but fall apart when seen together. The triptych review is where you evaluate the series as a system and catch inconsistencies that only surface side by side.

  • Arrange your three Instagram (1080x1080) frames side by side on the Campaign page with equal spacing between them.
  • Zoom out to about 50% so you can see all three at once. Press Cmd+0 (macOS) or Ctrl+0 (Windows) to zoom to fit, then adjust.
  • Evaluate cohesion: do they clearly belong together? If you squint, the three should register as a family through shared color and shape language.
  • Evaluate hierarchy: is the type treatment consistent? Headlines should sit at the same weight and approximate size across all three. Body text should match.
  • Evaluate variety: does each post offer something compositionally distinct? If any two look like duplicates with swapped text, push one further.
  • Evaluate brand alignment: would these feel at home in Vanta's existing social feed? Compare against the reference screenshots on your Reference page.

What does this review look like in practice?

This is where the job description's emphasis on "attention to details" and "the small decisions that elevate the whole" lives. You're looking at spacing consistency (are margins and padding similar?), color balance (does one post feel heavier than the others?), and type sizing (did you accidentally set Post 3's headline two points smaller?).

Sweating these details is what separates competent design from polished, portfolio-quality work.

  • Refine spacing: ensure consistent margins, padding, and breathing room across all posts.
  • Refine color balance: if one post reads as heavier or lighter, adjust fill opacities or element sizes until the visual weight feels balanced across the set.
  • Refine type sizing: confirm every headline uses the exact same font size and weight. Do the same for body text.
  • Repeat this review for the three LinkedIn (1200x628) frames arranged side by side.

After refinement, your Campaign page should have six polished frames. Three Instagram squares and three LinkedIn landscapes that read as a unified, brand-aligned campaign series.

The squint test

Literally squint at your screen so the details blur. If the three posts still register as a set (similar color blocks, similar density, similar visual rhythm), your system is working. If one pops differently, that's where to focus your refinement.

You now have a complete 3-post campaign series designed at production quality. Next, you'll convert these into a scalable template system that another designer could pick up and extend without asking you questions.

Build the Template System and Case Study

Your campaign series is complete. Three cohesive posts that speak Vanta's visual language across two formats each.

Now comes the part that separates a one-off design from professional-grade work: turning your designs into a scalable system and presenting the full process as a portfolio case study. This is where the job description's emphasis on "systems thinking" and "production-ready delivery" lives.

In this step, get ready to:
  • Convert your Post 1 design into a reusable Figma component with auto-layout.
  • Create template variants that adapt intelligently across Instagram, LinkedIn, and Stories formats.
  • Build a portfolio case study page presenting your process and deliverables.
Convert your hero post into a reusable component

A template system proves you think beyond a single execution. By structuring your design as a Figma component with auto-layout, anyone on a brand team can swap content in and produce an on-brand post without asking you questions.

  • Switch to your Templates page in the left sidebar of your Figma file.
  • Copy your Post 1 design (the 1080x1080 Instagram version) from the Campaign page and paste it onto the Templates page.
  • Select the pasted frame and apply auto-layout by pressing Shift+A.
  • Structure the layout so that content flows vertically with consistent padding between sections.

Now set up each layer for easy content swapping.

  • Select your headline text layer and define a character style for it in the right panel under Text. Name the style something clear like Campaign/Headline.
  • Repeat for your subhead and CTA text layers, naming them Campaign/Subhead and Campaign/CTA.
  • For your image or visual motif holder, wrap it in a frame and set the frame to Clip content. This makes the visual swappable by dragging in a new image.
  • Map your fill colors to the color styles you created on the Reference page. Select a purple-filled element, click the Style icon next to the fill, and attach your Vanta purple style.
  • Set consistent spacing tokens in the auto-layout. Use 8px as your base unit, with multiples for section gaps (e.g., 16px, 24px, 40px).
  • Select your completed auto-layout frame and convert it to a component by pressing Cmd+Option+K (macOS) or Ctrl+Alt+K (Windows).
  • Name the component Campaign Post / Instagram Square in the layers panel.

Why auto-layout for a campaign template?

Auto-layout ensures that when someone swaps in a longer headline or a different image, the composition adjusts gracefully instead of breaking. It is the difference between a static file and a usable production system.

Color styles and character styles mean a brand update (say Vanta shifts their purple) cascades through every template instance in one click. That is systems thinking in action.

Create platform-specific template variants

A real brand team does not crop a square post to make it fit LinkedIn. Each platform demands its own compositional logic. Your variants should adapt the layout intelligently, not just stretch or crop.

  • Duplicate your component and resize it to 1200x628 for the LinkedIn landscape variant.
  • Rework the composition for the horizontal format. Move your headline to the left third and give the visual motif more horizontal breathing room on the right.
  • Rename this component Campaign Post / LinkedIn Landscape.
  • Create a third variant at 1080x1920 for Instagram Stories.
  • Adapt the layout vertically. Stack the visual motif in the upper two-thirds and anchor the headline and CTA toward the bottom, leaving space for the swipe-up zone.
  • Rename this component Campaign Post / Stories Vertical.

What makes each variant different?

  • Square (1080x1080): balanced, centered composition. Works in a scrolling feed where each post competes equally.
  • Landscape (1200x628): wide and short, so headline weight shifts left and imagery spreads right. Optimized for LinkedIn's card preview.
  • Vertical (1080x1920): tall and immersive. The visual fills the screen and the CTA sits in the natural thumb zone at the bottom.
  • Place all three variants side by side on the Templates page.
  • Confirm that your character styles, color styles, and spacing tokens are consistent across all three variants.

Now clean up the file for production handoff.

  • Rename every layer with a clear, descriptive name. Replace default names like Frame 47 with names like Hero Visual Holder or CTA Badge.
  • Group your components logically in the layers panel. Use section headers or frames labeled Template Components and Style References.
  • Add brief text annotations next to each template explaining usage. For example, add a text layer near the headline that reads: "Swap headline. Keep under 8 words for this layout."
  • Select all three template components.
  • Open the Export panel in the bottom right of Figma's right sidebar.
  • Set the export to PNG at 2x resolution for screen-ready delivery.
  • Click Export to save the files to your computer.

Export your campaign posts too

Go back to your Campaign page and export all six final artboards at 2x as well. You will want these for your case study page and for your portfolio.

Build your portfolio case study page

The case study page is where you present this project as a finished piece of work. It tells the story of your process, shows your thinking at each stage, and ends with polished deliverables. This is what a hiring manager reviews when evaluating your portfolio.

  • Switch to your Case Study page in the left sidebar.
  • Create a frame at 1440px wide (standard portfolio presentation width). Set the height to hug contents.

Structure your case study with these sections, stacking them vertically with generous spacing between each.

  • Add a Project Brief section at the top. Include the campaign name ("Trust Starts Here"), the client (Vanta), the format (3-post social campaign), and a 2-3 sentence summary of the brief.
  • Add a Brand Reference section. Pull in a snapshot of your brand reference board from the Reference page. Show the color palette, type samples, and shape language documentation.
  • Add an AI Exploration section. Include 4-6 of your AI-generated exploration images from the Concept page, arranged in a grid. Add a brief caption explaining how you used AI as a thinking tool to explore visual directions.
  • Add a Concept Board section. Pull in your selected direction concept board showing the hero motif, copy framework, and compositional approach.
  • Add a Final Campaign section. Display all three posts side by side as a triptych, showing both the Instagram and LinkedIn formats. This is the hero of your case study.
  • Add a Template System section. Show your three template variants with annotations visible, demonstrating that the system scales.
  • Add a Process Narrative section at the bottom. Write 3-4 sentences summarizing your approach: how you interpreted the brand, what decisions shaped the campaign, and how the template system enables future execution.

What makes a strong case study layout?

A hiring manager spends 30-60 seconds on a case study before deciding whether to read deeper. Lead with context (the brief), show your thinking (exploration and concept), then land on the final work (campaign and system).

Use generous whitespace between sections. Let each stage breathe. The layout itself should demonstrate the same typographic hierarchy and spacing sensibility you applied to the campaign.

  • Review your case study page from top to bottom. Confirm that the visual hierarchy flows naturally from brief to brand research to exploration to final work.
  • Check that every image and frame is sharp and properly aligned. Use Figma's alignment tools (select multiple frames, then use the alignment options in the top toolbar) to tidy spacing.

Case study feeling cluttered?

If your page feels dense, increase the vertical gap between sections to 80px or more. Remove any exploration images that feel redundant. The goal is showing a curated process, not every artifact you produced.

Help me improve the visual hierarchy of my case study layout.

Secret mission

Adapt to OOH Billboard Format

Your campaign works at phone-screen scale. But can it work at 48 feet wide, viewed at 60mph? Adapt the "Trust Starts Here" concept to an out-of-home billboard format and prove your visual system has real legs beyond social.

Clean Up Your Resources

Clean Up Your Resources

This project runs entirely within Figma, so there are no ongoing costs or cloud resources to worry about. Decide whether to keep refining your campaign, archive it for later, or remove it entirely.

Resources you used:

  • Figma project file (Reference, Concept, Campaign, Templates, and Case Study pages).

Keep everything running

No action needed. Choose this if you're still actively refining the campaign or plan to add more formats.

  • Continue polishing typography, spacing, and compositional details across all three posts.
  • Add more format variants to your template system (email header, event signage, presentation slide).
  • Expand the Case Study page with additional process documentation or motion mockups.

Pause - I'll come back to this later

Organize your file for easy pickup later. This keeps your work safe without cluttering your active workspace.

  • Publish your Figma file as a view-only link for your portfolio.
  • Export key frames as a PDF case study for offline sharing.
  • Move the file into a dedicated portfolio or archived projects folder in your Figma workspace.

Delete - I don't want to use this again

Remove the project file entirely if you no longer need it.

  • Open your Figma file browser.
  • Right-click your campaign project file and select Delete.
  • The file moves to your trash. To permanently remove it, open Drafts, click Deleted in the left sidebar, then select Permanently delete.

Nice Work!

Nice Work!

You've just designed a complete "Trust Starts Here" social media campaign within Vanta's brand system. From brand extraction to scalable templates to a portfolio case study, you now have a ready-to-submit piece that demonstrates exactly what a Brand Designer role demands.

You've learned how to:

  • Interpret an existing brand system by extracting design tokens from Vanta's public-facing identity into a working reference kit with documented colors, typography, and shape language.
  • Design a cohesive 3-post social campaign with consistent typographic treatment, compositional range, and AI-assisted concept exploration to develop the visual direction.
  • Build a scalable template system with auto-layout components, format variants, and production-ready exports that another designer could pick up and use without asking questions.
  • (Secret Mission) Adapted the campaign to an OOH billboard format, proving the concept scales across radically different media with appropriate compositional simplification.

Ready to quiz yourself?