Working with Snagit

Settings and how-to instructions or Snagit screen captures

Use Snagit for capturing and editing screen images. Following are the preferred style settings to use for the various tools, objects, and effects.

Tip: The Product Documentation Google drive has information about obtaining a TechSmith/SnagIt license.

Arrows and lines

OK to use arrows for callouts. Use the same orange color as for box callouts, and configure the arrowhead as follows:

Arrow heads have a serif

Arrow width may be

  • Color: Orange custom
  • Shadow: Object shadow
  • Width: 3pt or 10pt
  • Arrows: beveled

Highlighting

Sparingly, use highlighting to call attention to text in a screenshot. For example, you might highlight a line of code to help the reader find it in a larger block of code. Use the following settings for the highlight:

Highlight color is R:255, G:246, B:199

Blur sensitive information

Avoid screen captures that include sensitive information, such as email addresses, telephone numbers, physical addresses, the names of our customers and their users, and so on. When a capture cannot exclude that information, Use the Snagit Blur tool (with a blur setting of 5) to hide the sensitive information.

For blur, use level 5

Snagit colors

Use these Alchemy UI colors in Snagit.

Color (from Alchemy)UsageColor (from Alchemy)Usage
Orange contrast color: #f48724Arrow-callouts, lines,and fills that contrast with the image.

Text (alternative)

#f48724

Medallia brand blue: #4050C6Medallia brand blue, use sparingly

#4050C6

Text: #1b2437Text

#1b2437

Lines and borders: #ced4daLines and borders

#ced4da

Shadows: #121826Shadows

Text outline

#121826

Border alternative: #8e95a4Borders (higher contrast alternative)

#8e95a4

Highlight yellow: #fcf3b5Highlight text (preferred)

Call-out fill

#fcf3b5

Area fill and highlight-grey: #ebedf0Area fill

Highlight text

#ebedf0

Highlight blue: #add1f5Highlight text (alternate)

#add1f5

Highlight green: #c8eeb1Highlight text (alternate)

#c8eeb1

Highlight red: #f3afb7Highlight text (alternate)

#f3afb7

White color: #ffffffText and text outline

Area fill

#ffffff

Snagit shadows

Drop shadows whole image

When using a drop shadow to frame the whole image, use these settings:

Shadows are lower right (135 angle), distance 3, opacity 40, blur 2, and color #121826

Details:

  • Shadow: lower-right corner only
  • Color: #121826
  • Opacity: 50%
  • Offset: 4pt
  • Blur: 3pt

Drop shadows object

When using a drop shadow on an object (like a line, box, arrow, or callout), use these settings:

Shadows are lower right (135 angle), distance 3, opacity 40, blur 2, and color #121826

Details:

  • Shadow: lower-right corner (135 angle), only
  • Color: #121826

  • Distance: 3

  • Opacity: 40%
  • Blur: 2

Snagit callouts

.

Box callouts

Use box callouts to help the reader notice relevant portions of screenshots. If you need to resize the image in Snagit, do that before adding callouts. Use the following settings in the Shapes tool:

Boxes are right-angle corners, orange, 3pt lines with shadow in lower right

Details:

  • Fill: Transparent
  • Color: custom orange
  • Shape: rectangle with sharp (right angle) corners
  • Shadow: custom shadow for an object
  • Line width: 5pt
  • Line style: solid

Text callouts

For text callouts, use a white, pointed callout box with black, 12-point Proxima Nova font:

Restriction: Do not use text callouts when the content might be translated; use [NO TITLE FOUND] instead.

Fonts are black, Proxima Nova, 12pt with no shadow.

Details:

  • Fill: White
  • Outline: grey (R:57, G:74, B:85)
  • Shadow: none
  • Shape: Rectangle with rounded corners and pointed pointer
  • Font: Proxima Nova, black, regular, 12pt
  • Alignment: Center or left (be consistent)