# A estética Y2K: cromado, gradientes e brilho

[Canonical HTML page](https://gradiently.design/pt-br/guide/y2k-aesthetic)

Cromado líquido, plástico translúcido, azul-gelo e rosa chiclete: o visual da virada do milênio voltou. Veja como ele funciona e como usá-lo sem parecer fantasia.

## The short version

- A estética Y2K é o visual otimista e inspirado em tecnologia de mais ou menos o fim dos anos 1990 até meados dos anos 2000, feito de cromado, plástico translúcido, iridescência e brilho.
- Suas cores centrais são prata, branco, azul-gelo, rosa-bebê, lilás e verde-limão ácido, sobre bases brancas ou azul-escuras quase pretas.
- Um cromado convincente é um gradiente com faixas alternadas de claro e escuro, porque o metal polido espelha um céu claro no alto, um horizonte escuro e um chão mais claro embaixo.
- O visual Y2K funciona melhor hoje quando um traço conduz, como letras cromadas ou um fundo iridescente, com um layout moderno e texto legível em volta.

A **estética Y2K** é o visual da virada do milênio: cromado líquido, plástico translúcido, azuis foscos, rosas chiclete, película iridescente e brilho suave, tudo carregado de otimismo com a tecnologia e o futuro. Ela cobre mais ou menos do fim dos anos 1990 a meados dos anos 2000 e foi retomada na moda, na música e no design gráfico nos últimos anos. Os gradientes estão no centro dela, porque quase toda superfície Y2K é uma transição: metal, gel, vidro ou luz.

Este guia divide o visual em seus traços, traz paletas e códigos de gradiente que realmente parecem cromado, gelo e brilho e mostra como usá-lo hoje sem parecer fantasia. Para estilos vizinhos, veja [gradientes holográficos](https://gradiently.design/pt-br/guide/holographic-gradients) e [gradientes retrô](https://gradiently.design/pt-br/guide/retro-gradients).

## O que define a estética Y2K

O estilo veio da tecnologia e dos produtos daquele momento. O plástico colorido translúcido, que ficou famoso com o iMac G3 da Apple em 1998, se espalhou por celulares, controles de videogame e fones de ouvido. As interfaces ficaram brilhantes, com o Aqua da Apple, em 2000, fazendo os botões parecerem gel. Videoclipes, capas de álbuns e jogos adoravam letras cromadas, reflexos de lente e formas arredondadas e futuristas.

| Traço | Como é | Como usar hoje |
| --- | --- | --- |
| Cromado líquido | Metal espelhado em faixas de claro e escuro | Títulos e logos, nunca texto corrido |
| Plástico translúcido | Cor tingida e transparente, com reflexos suaves | Fundos e fotos de produto |
| Iridescência | Película perolada que muda entre tons pastel | Uma superfície por design |
| Brilho e reflexo | Luz suave vazando de pontos claros | Atrás de uma única palavra ou objeto |
| Formas de bolha | Formas arredondadas e infladas e botões em pílula | Adesivos, selos, botões |
| Tipografia futurista | Letras largas, arredondadas ou inspiradas em pixels | Só linhas curtas de destaque |

Seis traços que fazem um design parecer Y2K. Você raramente precisa de mais de dois ao mesmo tempo.

## Paletas de cores Y2K e códigos de gradiente

- Prata: #c0c6cf
- Reflexo branco: #eef3f8
- Azul-gelo: #9ee7ff
- Rosa-bebê: #ffc2e2
- Lilás: #c7a8ff
- Limão ácido: #c6ff3d
- Espaço profundo: #0b0b2b

A paleta Y2K central: metal frio e branco, pastéis suaves, um destaque ácido e uma base profunda para o brilho.

A maior parte das cores Y2K é fria e clara. Prata e branco dão a base metálica, azul-gelo e lilás trazem a sensação fosca e digital, e o rosa-bebê traz o lado divertido. O limão ácido é o destaque, usado com parcimônia. Quando um design precisa brilhar, troque a base branca por um azul-escuro quase preto, como em [gradientes neon](https://gradiently.design/pt-br/guide/neon-gradients).

- Azul-gelo fosco: `linear-gradient(180deg, #e8fbff 0%, #9ee7ff 45%, #3cc3f2 100%)`
- Chiclete a lilás: `linear-gradient(135deg, #ffd6f0 0%, #ff8fd1 50%, #c77dff 100%)`
- Película perolada: `linear-gradient(120deg, #c9f0ff 0%, #e6d4ff 30%, #ffd6ec 55%, #fff4c9 80%, #d3ffe9 100%)`
- Plástico verde-azulado translúcido: `linear-gradient(160deg, #8fe3e6 0%, #1f9aa8 55%, #0d5f6e 100%)`
- Brilho limão ácido: `radial-gradient(circle at 50% 45%, #f4ffd0 0%, #c6ff3d 25%, #3b7a12 55%, #0b0b2b 85%)`
- Espaço profundo a gelo: `linear-gradient(180deg, #0b0b2b 0%, #2a1a5e 55%, #9ee7ff 100%)`

Seis gradientes Y2K, todos para copiar. A película perolada funciona melhor em tamanho grande, como uma folha de papel holográfico.

## Como fazer um gradiente cromado que parece metal

O cromado é o efeito Y2K mais difícil de imitar e o mais fácil de errar. Um gradiente suave de cinza a branco parece plástico. O metal polido é um espelho: reflete um céu claro na metade de cima, um horizonte escuro e nítido perto do meio e um chão mais claro embaixo. Por isso o cromado precisa de várias faixas, com pelo menos uma mudança brusca de claro para escuro.

Cromado líquido: `linear-gradient(180deg, #ffffff 0%, #d9dee5 20%, #8e97a3 46%, #2f353d 50%, #c9d0d8 54%, #f2f5f8 75%, #9aa3ae 100%)`

Céu, horizonte, chão: branco caindo para cinza-aço, uma linha escura e seca na metade e depois claro de novo. É essa mudança brusca que passa a ideia de espelho.

Para letras cromadas, recorte o gradiente nas letras e adicione um brilho leve e frio. Guarde o cromado para poucas palavras grandes: em tamanhos pequenos, as faixas somem e o texto fica difícil de ler. [Texto com gradiente em CSS](https://gradiently.design/pt-br/guide/css-gradient-text) explica o recorte com mais profundidade.

```css
.chrome-text {
  font-weight: 800;
  background: linear-gradient(180deg, #ffffff 0%, #d9dee5 20%, #8e97a3 46%, #2f353d 50%, #c9d0d8 54%, #f2f5f8 75%, #9aa3ae 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 10px rgba(158, 231, 255, 0.55));
}
```

Letras cromadas em CSS. A sombra projetada adiciona um brilho gelado; remova para um metal mais frio e duro.

## Brilho, verniz e translucidez

O brilho é o que faz o Y2K parecer elétrico, e não só reluzente. A receita é um núcleo muito claro, um anel saturado e uma queda rápida para uma base escura. O verniz é o reflexo de gel dos botões da era Aqua: uma metade superior mais clara e uma borda seca onde o reflexo termina. A translucidez é uma cor fosca pela qual quase dá para ver, a ancestral do [glassmorphism](https://gradiently.design/pt-br/guide/glassmorphism) de hoje.

- Brilho de lente rosa: `radial-gradient(circle at 50% 40%, #ffffff 0%, #ffd1f5 12%, #ff5fc8 32%, #3a0f4f 62%, #0b0b2b 90%)`
- Gel estilo Aqua: `linear-gradient(180deg, #e3f6ff 0%, #9fd9ff 48%, #3aa6ef 52%, #7fd0ff 100%)`
- Vidro fosco: `linear-gradient(135deg, #f5fbff 0%, #d7e9f7 45%, #c5d9ee 100%)`

Brilho, verniz e fosco como gradientes para copiar. Use um deles por design, não os três.

Um efeito forte por design é a regra para os três. Uma palavra brilhando em um botão envernizado sobre vidro fosco é o visual Y2K no seu ponto mais datado. Para saber de onde veio o verniz, veja [uma breve história dos gradientes](https://gradiently.design/pt-br/guide/history-of-gradients).

## Y2K, vaporwave e Frutiger Aero comparados

Três estilos da era da internet são confundidos com frequência. Eles têm em comum os gradientes e a nostalgia, mas diferem em clima, época e paleta.

| Estilo | Época em que se inspira | Paleta | Motivos |
| --- | --- | --- | --- |
| Y2K | Fim dos anos 1990 a meados dos 2000 | Prata, azul-gelo, rosa-bebê, limão | Cromado, plástico translúcido, brilho |
| Vaporwave | Imagens dos anos 1980 e 1990, remixadas online nos anos 2010 | Pink, ciano, violeta, laranja pôr do sol | Grades, pores do sol, bustos de mármore, telas de computadores antigos |
| Frutiger Aero | Meados dos anos 2000 ao início dos 2010 | Azul-céu, verde-grama, branco | Água, bolhas, vidro brilhante, céu e natureza |

Estilos vizinhos. [Cores vaporwave e synthwave](https://gradiently.design/pt-br/guide/vaporwave-colors) cobre o lado do rosa e do ciano.

## Como atualizar a estética Y2K para hoje

1. **Escolha um traço principal** Escolha cromado, iridescência, brilho ou cor translúcida e deixe esse traço conduzir. Todo o resto fica discreto.
2. **Use um layout moderno** Espaço generoso, um grid claro e uma mensagem por design impedem que o visual vire fantasia.
3. **Combine com uma tipografia limpa** Ponha o texto de apoio em uma sem serifa simples e moderna. Guarde as letras largas ou futuristas para uma única linha de destaque.
4. **Adicione grão em vez de mais verniz** Um grão fino sobre uma superfície iridescente ou cromada faz com que ela pareça física e atual, e não de plástico. Veja [gradientes granulados](https://gradiently.design/pt-br/guide/grainy-gradients).
5. **Confira o contraste** Texto pastel ou cromado sobre branco costuma falhar. Teste cada linha contra o fundo com as regras de [contraste de cores](https://gradiently.design/pt-br/guide/color-contrast-accessibility).

Um post vertical de lançamento de produto com o título The Chrome Edit, anunciando uma coleção na loja na sexta

Uma campanha Y2K como post no feed: palavras curtas e fortes e uma mensagem clara.

Um Story vertical em contagem regressiva de dois dias para The Chrome Edit, com portas abertas às dez na sexta

A mesma campanha como Story. O layout muda; o visual continua o mesmo.

Um visual Y2K costuma pertencer a uma campanha, e não a uma identidade permanente: uma coleção, uma festa, um álbum. No [Mercado](/market) do Gradiently, você pode buscar palavras de cor como azul-gelo, prata ou lilás para encontrar um Mark com essa sensação e criar com ele de graça.

## FAQ

### O que é a estética Y2K?

A estética Y2K é o estilo visual otimista com a tecnologia de mais ou menos o fim dos anos 1990 a meados dos anos 2000: cromado, plástico translúcido, pastéis iridescentes, superfícies brilhantes e brilho.

### Quais cores formam uma paleta Y2K?

Prata, branco, azul-gelo, rosa-bebê, lilás e limão ácido, sobre uma base branca ou um azul-escuro quase preto quando o design precisa brilhar.

### Como fazer um gradiente cromado?

Use várias faixas: claro no topo, uma linha escura e seca perto do meio e depois claro de novo. Isso imita um espelho refletindo céu, horizonte e chão, e é o que faz o metal parecer metal.

### Qual é a diferença entre Y2K e vaporwave?

O Y2K é frio, metálico e futurista, feito de prata, azul-gelo e rosa. O vaporwave é um estilo da internet dos anos 2010 que remixa imagens dos anos 1980 e 1990 em pink, ciano e violeta, com grades, pores do sol e bustos de mármore.

### Uma marca pode usar a estética Y2K a longo prazo?

Ela combina mais com campanhas, coleções e eventos. Para uma identidade duradoura, pegue emprestado um traço, como uma superfície iridescente ou um destaque cromado, e mantenha o resto do sistema moderno.