Near-black page, translucent white layers, Roboto at two weights. The only saturated colour on screen belongs to the video.
One true surface. Everything else is white at 5, 10 or 20 percent laid over it, so controls read the same on the page and on top of a video.
#0f0f0f#121212#303030#f1f1f1#aaaaaa#717171#ffffff#3ea6ff#ff0033layer-05layer-10layer-20Roboto, falling back to Arial. Seven sizes, two weights. Sentence case everywhere, no letter-spacing, no uppercase labels.
Every radius in use, each tied to one element. Nothing rounds by taste.
56px tall, transparent over the page, content starts 8px below it. The search box is the only element with a border.
240px wide. Rows are 40px, radius 10, label starts at x=72. The active row is weight 500 plus the 10% layer. Collapses to a 72px mini guide.
| Rest | transparent |
| Hover | layer-10 |
| Pressed | layer-20 |
| Active | layer-10 + 500 weight + filled icon |
| Row | 204 × 40, inset 12, radius 10 |
| Mini row | 64 × 74, 10px label under the icon |
48px circles at 10% white, a 12px count underneath, 78px per block. The rail sits outside the video, bottom-aligned to it. Try the like and dislike, they are exclusive.
No borders on buttons. The fill carries the affordance. White is the one inverted pill, blue is the one call to action.
9:16, radius 12, height equals the viewport minus 104. Two scrims only: 48px at the top for controls, 76px at the bottom for metadata. Click the frame to pause.
| Aspect | 9:16, object-fit: cover |
| Radius | 12, overflow: hidden |
| Top scrim | 48px, holds play and volume |
| Bottom metadata | 76px, 16px inset. Avatar 32, handle, Subscribe, then title |
| Overlay text | Pure #ffffff, not #f1f1f1 |
| Overlay host | player + 72: [player][12][48][12] |
| Centering | Content area, not the viewport |
| Behaviour | Autoplay muted, click toggles pause, up and down move exactly one |
Always compact. One decimal under ten, whole numbers above, truncated rather than rounded so a count never overstates.
| 289 | 289 |
| 1,204 | 1.2K |
| 48,213 | 48K |
| 128,900 | 128K |
| 1,204,000 | 1.2M |
| 38,000,000 | 38M |
What the material refuses.