Quizzes
199,634 views
25 min · 2 min read
7 steps
Advanced

How to create shareable result graphics for personality test outcomes

Creating attractive, shareable graphics for personality test results helps your audience celebrate and spread their outcomes. This guide walks you through practical, repeatable steps to design clear, on-brand images people will want to post. Expect to spend about 20–90 minutes per graphic depending on complexity.

Verified by pleasexplain editors
  1. Step 1: Choose the right dimensions

    Pick a size that matches where it will be shared: 1200×630 px for Facebook link images, 1080×1080 px for Instagram posts, or 1080×1920 px for Stories. Using the correct dimensions prevents cropping and preserves legibility so viewers see your design as intended.

    [Illustration: Grid with three rectangles labeled 1200x630, 1080x1080, 1080x1920]

  2. Step 2: Define a consistent layout

    Create a template with a clear hierarchy: title area (25% height), main graphic or icon (45%), short description (20%), and call-to-action/footer (10%). Consistent spacing and alignment across results make different outcomes feel like parts of one set.

    [Illustration: Wireframe layout divided into title, image, description, footer sections]

  3. Step 3: Use bold, readable typography

    Select 1–2 typefaces: one display font for the result name (28–48 pt) and one body font for the description (14–18 pt). Ensure contrast of at least 4.5:1 for body text so it’s readable on small screens.

    [Illustration: Text hierarchy example showing large title and smaller paragraph text]

  4. Step 4: Limit colors and apply brand accents

    Choose a palette of 2–4 colors: one neutral background, one primary brand color, and 1–2 accent colors for results. Using fixed colors for each personality type helps recognition and speeds production across 8–12 result types.

    [Illustration: Color swatches with primary, neutral, and accents labeled]

  5. Step 5: Design a memorable central visual

    Create a simple icon, avatar, or illustrated motif for each result sized about 300–600 px square. Keep shapes bold and avoid intricate detail so the image reads at thumbnail size and remains recognizable on feeds.

    [Illustration: Set of simple bold icons representing different personalities]

  6. Step 6: Write concise, sharable copy

    Craft a 5–12 word result headline and a one-sentence (10–20 words) description that people can instantly relate to and want to share. Include a short CTA like “Share your type” or a hashtag to encourage social engagement.

    [Illustration: Sample graphic showing headline, one-line description, and hashtag CTA]

  7. Step 7: Export optimized files

    Export as PNG for crisp graphics with flat colors or JPEG at 80% quality for photos; keep file size under 500 KB for fast loading. Also save a high-resolution source (SVG or 300 dpi PNG) so you can repurpose it for print or larger formats.

    [Illustration: Export dialog showing PNG and JPEG options with file sizes]


  • Batch-create templates to design 4–8 graphics in one 60–90 minute session and stay consistent.
  • Use a 8–12 px padding to prevent text from touching edges on mobile screens.
  • Include a subtle brand mark or small URL in the footer at about 8–12 pt for attribution.
  • Test readability by previewing at 360×640 px phone size before finalizing.
  • Use a simple shadow or outline (2–4 px) behind text to improve contrast on busy backgrounds.
  • Provide alternate colorblind-friendly palettes and check contrast with free tools.
  • Save layered source files so future edits (copy changes, color swaps) take under 10 minutes.

  • Avoid overcrowding — more than three focal elements will reduce shareability and clarity.
  • Do not use copyrighted images without permission; prefer original illustrations or licensed assets.
  • Don’t rely solely on color to convey differences; add icons or labels for accessibility.
  • Avoid tiny fonts: body copy under 12 pt will likely be illegible on many devices.

Was this guide helpful?