Generate a Stack Exchange Favicon Do you recognize the PPCG logo?
it looks like this, when you do an ascii art of it.

+---+
|PCG|
+---+
   v


Now, In this Code Golf, You will make a code, that makes logos for other sites, similar to the PPCG logo.

What You should do

The "Shortened" string will be the string, with all upper case letters and numbers in the input string.(Which would be PPCG when the input string is Programming Puzzles &amp; Code Golf)

The "Box" (

+---+
|   |
+---+
   v


)
should fit the Shortened string perfectly.(No bigger or smaller)

Also the v part should be exactly 1 down and 1 left to the down right +.

Then output the box which has the shortened string in it.

Example

Stack Overflow:

+--+
|SO|
+--+
  v


Area 51:

+---+
|A51|
+---+
   v


Rules

You may assume that the input contains at least one digit or upper case letter.

Standard code-golf rules apply.
Vim, 42 strokes

:s/[^A-Z0-9]//g
YPVr-i+&lt;DOWN&gt;&lt;LEFT&gt;|&lt;ESC&gt;&lt;C-V&gt;ky$pYjppVr $xrv


Replace &lt;DOWN&gt; with ↓, &lt;LEFT&gt; with ←, &lt;ESC&gt; with esc and &lt;C-V&gt; with CTRL+V.

Here's an animation of this script running (old version which uses a V instead of a v):



Explanation of the script:

:s/[^A-Z0-9]//g                               # Remove all the characters that are not uppercase or numbers using a Regex.
YPVr-                                         # Duplicate the current, and replace all the characters of the upper one with dashes.
     i+&lt;DOWN&gt;&lt;LEFT&gt;|&lt;ESC&gt;                     # Insert a + on the upper line, and a | on the second line.
                         &lt;C-V&gt;ky$p            # Copy the + and | to the end of both lines.
                                  Yjpp        # Copy the upper line to the bottom two times.
                                      Vr $    # Replace the bottom most line with spaces and put the cursor on the last character.
                                          xrv # Remove the last character and replace the second last character with a v.