YouTube’s 2007 and 2012 Logos: A Practical Design Comparison

What these two marks actually are

The 2007 YouTube logo is the original public wordmark: the letters You in near-black, followed by Tube in white, sitting inside a red rounded rectangle that reads as a screen or “tube.” That lockup was drawn by co-founder Chad Hurley for the 2005 launch and was still the mark in everyday use in 2007. The 2012 YouTube logo is the same construction after the 2011 refresh: You plus Tube-in-a-red-box, with the gloss, bevel and shadow pulled back and the drawing tightened. It is not a new 2012 invention, and it is not the fully flat 2013 wordmark or the 2017 red play-button-plus-wordmark identity.

Scope matters because circulating “YouTube vector” packs mix those eras. If the red field still looks like a lit plastic button, you are looking at the 2005–2011 drawing (the 2007 mark). If the same lockup looks cleaner and more graphic, with a flatter red container, you are looking at the 2011–2013 drawing (the 2012 mark). A separate rounded-rectangle play icon beside a line of type is a later system and sits outside this comparison.

This article has no paired source files, print proofs or measured tests in front of it. Visual notes describe features that are consistently visible on widely archived lockups of those two periods. Official outline geometry, licensed type files and period color formulas are not reproduced here. A .svg or .ai filename does not prove faithful vector construction, and a downloadable file is not permission to reuse the mark.

The 2007 lockup: a glossy tube

The 2007 mark is a two-part lockup, not a single slab of type. You sits in open field; Tube is knocked out of, or laid in white on, a red rounded rectangle. That rectangle is the brand’s metaphor: a cathode-ray tube, a TV bezel, a chunky on-screen button. Corner radii are generous relative to the box height, so the container reads as a soft screen more than as a sharp ticket or tag.

Finish is the era’s giveaway. The red is not one flat ink. A vertical gradient runs lighter and slightly more orange-red at the top to a deeper red at the bottom. A thin inner highlight tracks the upper edge of the rectangle, and a soft drop shadow sits under the shape. Together those effects make the tube look dimensional—typical mid-2000s “Web 2.0” rendering—rather than a pure graphic silhouette.

Lettering is a heavy condensed grotesque in the same family of proportions as Alternate Gothic, customized rather than used as an unmodified retail font. Weight is even and industrial; counters in o, u, b and e are tight. Tracking on You and Tube is close. Horizontal padding around Tube inside the red field is modest; vertical padding is tighter, so the white letters feel packed into the screen. The right stem of u in You sits close to the left wall of the tube, which keeps the two parts reading as one word.

The 2012 lockup: the same idea, redrawn for screens

The 2012 mark keeps the You-plus-tube grammar. What changed is how much physical object the tube is asked to imitate. The strong bevel, the wet top highlight and the grounding shadow are reduced or dropped, depending on the rendering. The red field moves toward a single, more even fill. The rounded rectangle looks more like a drawn container and less like a photographed button. That is the practical difference a designer will see first when the two lockups are placed at the same size on a white ground.

Type is still a condensed grotesque of the same design, but the 2011 redraw looks more even in stroke and more deliberately hinted for digital use. Joints and terminals sit on a cleaner grid. The black of You and the red of the tube form a stricter two-color relationship: dark word, bright badge, white letters. Spacing around Tube inside the box stays tight, with the same packed-screen reading, though the flatter fill makes that padding easier to see and to match when you rebuild the lockup.

Color, observed rather than specified from a brand manual in this article, shifts from a gradient vermillion with a hot upper edge to a more uniform, slightly steadier red. The 2007 tube changes hue as the eye moves down the box; the 2012 tube holds one brand red across the shape. That single fill is the main reason the later mark is easier to treat as vector artwork.

How the two versions differ in practice

On comparable archived lockups viewed at the same size on a light background, the differences that affect real work are geometry, type, spacing, color, scale behavior and how editable a file of each era tends to be. Performance notes below are design reasoning from those visible traits, not lab measurements.

Criterion	2007 lockup (2005 drawing, in use 2007)	2012 lockup (2011 refresh, in use 2012)
Construction	You in dark letters; Tube in white inside a red rounded rectangle only	Same lockup grammar; tube still wraps Tube, not the whole word
Geometry of the tube	Softer, more bulbous rounded rectangle; reads as a screen or button	Cleaner geometric rounded rectangle; radii still generous but the shape is flatter in drawing
Surface	Top-to-bottom red gradient, inner top highlight, drop shadow	Near-flat or lightly shaded red; bevel, gloss and shadow reduced or removed
Typography	Heavy condensed grotesque, Alternate Gothic-like custom lettering; slightly more analog in finish	Same family of letterforms, optically tightened and more even for screen
Spacing	Tight packing of Tube in the box; You sits close to the tube’s left edge	Same tight lockup; padding is easier to judge because the fill no longer slopes
Color behavior	Red shifts through the gradient; small crops and one-color jobs lose the intended hue	One more stable red; closer to a two-spot graphic (dark type + red field + white)
Small-size reading	Gloss, highlight and shadow clog or vanish in favicons and dense UI	Solid fields hold the badge shape longer as size drops (observational, untested here)
Vector editability	Live gradients, highlights and shadows; many circulating files are traces or flattened effects	Fewer appearance effects; closer to outlined type plus one filled shape

Geometry and the tube metaphor

Both marks live or die on the red container. It is not a full-word underline and not a squircle play button. It is a wide rounded rectangle whose height is driven by the cap height of Tube, with corner radii large enough that the short sides look almost semicircular. That radius is the television-tube cue. Flatten the corners too far and the mark becomes a generic tag; round them into a pill and it becomes a lozenge, not YouTube.

The 2007 drawing adds apparent thickness through shade: light on the top lip, dark on the bottom, shadow underneath. That makes the geometry feel deeper than the path actually is. The 2012 drawing trusts the path. Once the gradient is gone, any error in radius, height-to-width ratio or alignment of Tube inside the box is obvious. If you are matching a historical still from 2007, copy the shaded tube, not a flat red box. If you are matching a 2012-era screenshot, copy the flatter container and resist adding a bevel “to make it look official.”

Type, spacing and the You / Tube split

The verbal split is the identity: You is the viewer; Tube is the channel. Visually that split is a color split, not a change of typeface. Both halves share one condensed grotesque. Do not set You in a different family from Tube. Do not letterspace You wide and then cram Tube; the word has to keep a single rhythm across the color change.

Observable spacing habits to preserve: small side bearings inside the red box, even smaller overshoot-aware padding above and below the white letters, and a short gap between the u of You and the tube wall—close enough that the lockup is one unit, open enough that the box does not collide with the black type. The 2012 redraw is the clearer model if you are rebuilding paths, because the letters sit on a more regular weight and the box is a simple fill. The 2007 drawing can look slightly more irregular in older rasters; that is often compression and the gloss, not a license to distort the letters.

Color, production and what “vector” can mean here

For one-color or spot work, the 2012 lockup is the more obedient original. Dark type, one red, white letters (or a knockout) is a straightforward three-value graphic. The 2007 lockup is a rendering: you need a red range, a highlight and a shadow to look like the period mark. In print, that usually means a rich black or dark gray for You, a built or spot red with a gradient tint, and a soft shadow in process or as a separate screen. In UI, it means extra effects that will fight with dark mode, forced-color settings and tiny bitmaps.

Circulating files labelled as vectors often fail both eras. A live-trace of a PNG will stair-step the rounded corners, thicken the white letters, and invent extra paths in the gradient. A “flat SVG” of the 2007 mark is usually a later simplification, not the 2007 surface. Check the actual objects: two fills and outlined type are plausible for 2012; meshes, stacked opacity masks, raster embeds or a dozen overlapping reds are a reconstruction, not a proof of original geometry.

Scale, motion and where each mark breaks

At large editorial sizes, the 2007 gloss is the point: it dates the screenshot, the documentary still, the anniversary graphic. At app-icon, favicon and in-player badge sizes, that gloss is a liability. The highlight becomes a single light pixel, the shadow becomes dirt around the box, and Tube’s tight white counters clog. The 2012 flatter fill keeps the red rectangle and the You/Tube contrast readable further down the scale. That is a general outcome of dropping fine shading, not a pixel-measured test in this article.

On video and in motion, the 2007 shadow and bevel also flicker when the mark is scaled or placed over busy frames. The 2012 solid tube holds a cleaner edge against footage. Neither version is the later standalone play icon, which was built exactly for those small, moving jobs. If the brief is a historical YouTube chrome recreation, use the period lockup. If the brief is a small persistent bug, the 2012 drawing is the more practical of these two, and a later icon system is more practical still.

Which version to use

Choose by the year you need to look like, and by the job the file has to do—not by which PNG is sharpest in a search result.

• Use the 2007 lockup when the work is period-accurate: 2005–2010 interface recreations, documentary stills, museum or archive labels, and any layout that must match the glossy tube people remember from early YouTube. Rebuild the gradient, inner highlight and shadow, or you will have drawn 2012 by accident.
• Use the 2012 lockup when the work must match 2011–early 2013 screenshots, or when you need this classic You-plus-tube grammar as clean vector: two-color print, UI at modest sizes, slides, and files other people will edit. Keep the tube flat enough to match that refresh; do not upgrade it into the 2013 or 2017 systems.
• Use neither as a current product mark. Later YouTube identity separated a play-button symbol from the wordmark. Shipping the 2007 or 2012 lockup as “the YouTube logo” on new product UI is historically wrong and still a trademark use you do not get from having the artwork.
• For editability, start from the 2012 construction even if you then add 2007 shading as live effects. A simple path for the tube plus outlined type is easier to correct, align to a pixel grid, and convert for print than a traced glossy bitmap.

A practical next step: collect one clear, large raster of each era from a dated screenshot you trust, place them at the same cap height, and match only what you can see—box height, corner radius, Tube padding, You-to-tube gap, and whether the red is a gradient or a fill. Then decide if the job needs the 2007 surface or the 2012 silhouette. If you cannot date the screenshot, prefer the flatter 2012 drawing for new vector work and keep the 2007 gloss for explicitly historical pieces.

Gaps worth flagging

• Exact official hex, Pantone or RGB values for 2007 versus 2012 are not stated here; period reds were often gradient ramps rather than a single swatch, and later public “YouTube red” formulas belong to later guidelines.
• No side-by-side source files were measured for this article, so corner radii, stroke weights and padding are described relatively, not in units.
• No reproduction, print or on-screen contrast tests were run; small-size and motion comments are observational.
• Permission, licensing and trademark clearance are separate from design. Availability of a file, including a vector file, does not grant the right to use YouTube’s mark.