1Password · Developer secrets management · Minimal 2D explainer video

Minimal Explainer Video for 1Password Developer Tools: From SSH Key to Git Push

1Password needed developers to see that SSH keys and infrastructure secrets can live in one vault and still be a thumbprint away. This minimal explainer video draws every step in thin line art on a dark screen: a key created in the app, filled into GitHub, used for a "git push" and called from "CLI 2.0", with no captions in the way.

Last updated

1Password · Developer Tools

Client
1Password
Product
1Password Developer Tools in 1Password 8: SSH keys, biometric approval and the 1Password CLI
Made for
Developers who keep passwords, SSH keys and infrastructure secrets
Format
Minimal 2D line-art explainer video
Style
Isometric line icons and UI outlines on a dark navy background, no captions
Length
1:27
Production timeline
3 to 4 weeks
Budget
$1,200 to $2,000

The problem: a developer's secrets sit in too many places

1Password sells Developer Tools on one line: passwords, SSH keys and infrastructure secrets are "a keystroke, tap, or thumbprint away." A developer will not take that line on trust: it has to hold up inside the tools they already use.

A developer believes a tool once they see it inside the steps they already run: create a key, add it to GitHub, push code, pull a secret into a config file. The video had to show those steps, in order, without slowing down to explain the cryptography.

How the video walks a developer from key to push, scene by scene

There are no captions. The UI text, terminal lines and icons carry every step, so the video reads with the sound off. Select a time to play that scene above.

TimeOn screenWhat it does
A laptop with a shield, then wires out to server towers, each with its own key icon.Draws the sprawl: secrets spread across many machines.
The wires pull back into one cube with the 1Password logo under the laptop. The cube opens to show a key on a layer inside, then closes.Replaces the sprawl with one vault.
The 1Password app: a search for "SSH", a new "GitHub SSH Key", the "Generate", "Import", "Paste" menu, then an "Ed25519" key.Shows the key made inside the app, not in a terminal.
A GitHub page, "SSH keys / Add new". The "GitHub SSH Key" item drops in and fills the field.Shows the key reaching GitHub with no copying.
A terminal: "git add readme.txt", "git commit -m "new readme file"", "git push". A fingerprint lights up and the push runs.Proves the "thumbprint away" claim in a real command.
The terminal sits on the 1Password cube. A "CLI 2.0" tag, a login item with "Category: LOGIN", then "op inject -i config.yml.tpl -o config.yml" wired to servers and files.Moves from one key to secrets for whole servers.
A fingerprint pad and a vault box with a key connect to the cube while push output scrolls above.Ties approval and storage to the same vault.
A desktop, a laptop and a phone around the cube, then the 1Password logo, "Get started" and "1Password.com/developers".Shows one vault on every device, then the next step.

Storyboard: the frames that carry the 1Password minimal explainer video

Key frames from the finished video, in order. Select a time to play that moment above.

  • Frame at 0:08: line-art laptop wired to 3 server towers, each with a key icon, on a dark navy background
    The problem: keys spread across separate servers, all wired to one laptop.
  • Frame at 0:20: an exploded 1Password cube under a laptop, showing a key icon and a pink ring on layers inside
    The answer: one vault, opened to show the key held inside.
  • Frame at 0:32: 1Password app window with the item "GitHub SSH Key", the label "Add New SSH Key" and a menu reading "Generate", "Import", "Paste"
    The key is made in the app: "Generate", "Import" or "Paste".
  • Frame at 0:35: 1Password item "GitHub SSH Key" holding a generated key labeled "Ed25519"
    A real key type on screen: "Ed25519".
  • Frame at 0:41: GitHub page "SSH keys / Add new" with the 1Password item "GitHub SSH Key" dropping into the key field
    The key fills GitHub's "SSH keys / Add new" page by itself.
  • Frame at 0:52: terminal with "git add readme.txt", "git commit -m "new readme file"" and "git push" above a lit fingerprint
    A fingerprint approves "git push": the thumbprint claim, proved.
  • Frame at 0:57: isometric terminal screen on the 1Password cube with a tag reading "CLI 2.0"
    The second product arrives: "CLI 2.0".
  • Frame at 1:06: terminal on the 1Password cube showing "op inject -i config.yml.tpl -o config.yml", wired to 2 servers and a stack of files
    Secrets go into config files with one command.
  • Frame at 1:21: desktop, laptop and phone on platforms wired to the 1Password cube, with a fingerprint pad and a key vault below
    One vault, every device: desktop, laptop and phone.
  • Frame at 1:26: 1Password logo, a "Get started" button and "1Password.com/developers"
    The close points developers to one page.

4 decisions behind the 1Password Developer Tools video

Decision 1

Cut the captions, keep the UI text

No title cards appear. The only words on screen are ones a developer would see anyway: "SSH keys / Add new" at 0:38, "git push" at 0:50, "op inject" at 1:06.

Copy it: If your buyers live in the product, let the product's own labels carry the message and drop the marketing captions.

Decision 2

Show a real command, not a diagram

From 0:44 the terminal types a full add, commit and push, and a fingerprint approves it at 0:52.

Copy it: Pick the one command your users run every day and show your product inside it.

Decision 3

Draw the before as wires

At 0:08 keys sit on separate towers wired to the laptop. By 0:14 the wires are gone and one cube remains.

Copy it: Draw your buyer's current mess as a picture, then remove pieces until only your product is left.

Decision 4

One line style for app, GitHub and terminal

The 1Password app at 0:24, the GitHub page at 0:38 and the terminal at 0:44 share the same thin lines and dark navy.

Copy it: When a video crosses several tools, redraw them all in one style so the viewer follows the task, not the screens.

From a developer's daily commands to a line-art storyboard

  1. Visual style. A minimal look was set: thin isometric lines, a dark navy ground and green as the accent.
  2. Task order. The storyboard followed a developer's day: make a key, add it to GitHub, push code, inject secrets with the CLI.
  3. UI assets. The 1Password app, the GitHub key page and the terminal were redrawn as line art with real labels such as "Ed25519".
  4. Illustration. Laptops, servers, the vault cube, the fingerprint pad and devices were drawn as one icon set.
  5. Motion graphics. Wires, the opening cube, typed commands and the fingerprint were animated to show each step land.
  6. Sound, edit and grade. Sound design, editing, color grading and final mastering closed the project.

Scope of work:

  • Visual style development
  • UI asset creation
  • Detailed illustration
  • 2D character animation
  • Motion graphics
  • Visual effects
  • Sound design
  • Editing
  • Color grading
  • Final mastering

Production took 3 to 4 weeks on a budget of $1,200 to $2,000. See the SaaS video production service for how a project like this is scoped.

Questions about the 1Password minimal explainer video

Why does the 1Password Developer Tools video have no captions?

Its viewers are developers, and the words they trust are the ones in their tools. The only text is UI and terminal text, such as "SSH keys / Add new" at 0:38 and "git push" at 0:50.

How does the video show an SSH key being created?

From 0:24 the 1Password app searches "SSH", names a new "GitHub SSH Key" and offers "Generate", "Import" or "Paste" at 0:32. By 0:35 the item holds an "Ed25519" key.

How does it prove the "thumbprint away" claim?

At 0:50 the terminal runs "git push", and at 0:52 a fingerprint lights up below it as the push output appears. The claim from the description is shown inside a real command.

What does the CLI section show?

A "CLI 2.0" tag appears at 0:56, then a login item with "Category: LOGIN" at 1:00. At 1:06 the command "op inject -i config.yml.tpl -o config.yml" is wired to servers and files.

Why does the video open on wires and servers?

From 0:00 to 0:11 keys sit on separate towers wired to one laptop. The wires pull into a single 1Password cube by 0:14, so the before and after are clear without a word.

How long did the 1Password video take, and what did it cost?

Production took 3 to 4 weeks on a budget of $1,200 to $2,000, covering style development, UI assets, illustration, motion graphics, sound design and final mastering.

What Advids clients say

"They understood how to make the material engaging, even when it was more educational in nature. A respected journal accepted ADVIDS's video, which also received positive feedback from physicians."Paula Adduci, Principal at Adduci Studios

Need developers to trust a tool they will run every day?

Talk to Advids
Monkey Mascot Floating Animation
Let’s Talk!

Please fill out the form below and
we’ll get in touch.

  • This field is for validation purposes and should be left unchanged.