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

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

Cromado líquido, plástico translúcido, azul-gelo e rosa pastilha elástica: o visual da viragem do milénio está de volta. Vê como funciona e como o usar sem parecer um disfarce.

## The short version

- A estética Y2K é o visual otimista e inspirado na tecnologia de, mais ou menos, o fim dos anos 1990 até meados dos anos 2000, assente em cromado, plástico translúcido, iridescência e brilho.
- As suas cores centrais são o prateado, o branco, o azul-gelo, o rosa-bebé, o lilás e o verde-lima ácido, sobre bases brancas ou de um azul-negro profundo.
- Um cromado convincente é um gradiente com faixas claras e escuras alternadas, porque o metal polido espelha um céu luminoso em cima, um horizonte escuro e um chão mais claro em baixo.
- O visual Y2K funciona melhor hoje quando um só traço lidera, como letras cromadas ou um fundo iridescente, com uma composição moderna e texto legível à volta.

A **estética Y2K** é o visual da viragem do milénio: cromado líquido, plástico translúcido, azuis foscos, rosas pastilha elástica, película iridescente e brilho suave, tudo carregado de otimismo em relação à tecnologia e ao futuro. Abrange, mais ou menos, o fim dos anos 1990 até meados dos anos 2000, e tem sido recuperada na moda, na música e no design gráfico nos últimos anos. Os gradientes estão no seu centro, porque quase todas as superfícies Y2K são uma mistura: metal, gel, vidro ou luz.

Este guia decompõe o visual nos seus traços, dá paletas e códigos de gradiente que se leem mesmo como cromado, gelo e brilho, e mostra como o usar agora sem parecer uma fantasia de Carnaval. Para estilos vizinhos, vê [gradientes holográficos](https://gradiently.design/pt-pt/guide/holographic-gradients) e [gradientes retro](https://gradiently.design/pt-pt/guide/retro-gradients).

## O que define a estética Y2K

O estilo nasceu da tecnologia e dos produtos do seu momento. O plástico colorido translúcido, tornado famoso pelo iMac G3 da Apple em 1998, espalhou-se por telemóveis, comandos de jogos e auscultadores. As interfaces ficaram lustrosas, com o Aqua da Apple, em 2000, a fazer os botões parecerem gel. Os videoclipes, as capas de álbuns e os jogos adoravam letras cromadas, reflexos de lente e formas arredondadas e futuristas.

| Traço | Que aspeto tem | Como usá-lo agora |
| --- | --- | --- |
| Cromado líquido | Metal espelhado em faixas de claro e escuro | Títulos e logótipos, nunca texto corrido |
| Plástico translúcido | Cor tingida e transparente com realces suaves | Fundos e fotos de produto |
| Iridescência | Película nacarada a oscilar entre tons pastel | Uma superfície por design |
| Brilho e reflexos | Luz suave a transbordar de pontos luminosos | Por trás de uma só palavra ou objeto |
| Formas de bolha | Formas arredondadas e insufladas, botões em cápsula | Autocolantes, emblemas, botões |
| Letra futurista | Letras largas, arredondadas ou inspiradas em píxeis | Só linhas curtas de destaque |

Seis traços que fazem um design ler-se como Y2K. Raramente precisas de mais de dois ao mesmo tempo.

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

- Prateado: #c0c6cf
- Reflexo branco: #eef3f8
- Azul-gelo: #9ee7ff
- Rosa-bebé: #ffc2e2
- Lilás: #c7a8ff
- Lima ácido: #c6ff3d
- Espaço profundo: #0b0b2b

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

A maior parte da cor Y2K é fria e clara. O prateado e o branco dão a base metálica, o azul-gelo e o lilás trazem a sensação fosca e digital, e o rosa-bebé traz o lado brincalhão. O lima ácido é o acento, usado com parcimónia. Quando um design precisa de brilhar, troca a base branca por um azul-negro profundo, como nos [gradientes néon](https://gradiently.design/pt-pt/guide/neon-gradients).

- Azul-gelo fosco: `linear-gradient(180deg, #e8fbff 0%, #9ee7ff 45%, #3cc3f2 100%)`
- Pastilha elástica a lilás: `linear-gradient(135deg, #ffd6f0 0%, #ff8fd1 50%, #c77dff 100%)`
- Película nacarada: `linear-gradient(120deg, #c9f0ff 0%, #e6d4ff 30%, #ffd6ec 55%, #fff4c9 80%, #d3ffe9 100%)`
- Plástico azul-petróleo translúcido: `linear-gradient(160deg, #8fe3e6 0%, #1f9aa8 55%, #0d5f6e 100%)`
- Brilho lima ácido: `radial-gradient(circle at 50% 45%, #f4ffd0 0%, #c6ff3d 25%, #3b7a12 55%, #0b0b2b 85%)`
- Do espaço profundo ao gelo: `linear-gradient(180deg, #0b0b2b 0%, #2a1a5e 55%, #9ee7ff 100%)`

Seis gradientes Y2K, todos copiáveis. A película nacarada funciona melhor em grande, como uma folha de película holográfica.

## Como fazer um gradiente cromado que se lê como metal

O cromado é o efeito Y2K mais difícil de imitar e o mais fácil de errar. Um gradiente suave de cinzento a branco parece plástico. O metal polido é um espelho: reflete um céu luminoso na metade de cima, um horizonte escuro e nítido perto do meio e um chão mais claro em baixo. 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 a cair para cinzento-aço, uma linha escura e nítida a meio e depois claro outra vez. É essa mudança brusca que se lê como um espelho.

Para letras cromadas, recorta o gradiente pelas letras e junta um brilho ténue e frio. Guarda o cromado para poucas palavras grandes: em tamanhos pequenos as faixas desaparecem e o texto torna-se difícil de ler. [Texto com gradiente em CSS](https://gradiently.design/pt-pt/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 junta um brilho gelado; tira-a para um metal mais frio e mais duro.

## Brilho, lustro e translucidez

O brilho é o que faz o Y2K parecer elétrico e não apenas reluzente. A receita é um núcleo muito luminoso, um anel saturado e uma queda rápida para uma base escura. O lustro é o realce de gel dos botões da era Aqua: uma metade de cima mais clara e uma aresta nítida onde o reflexo acaba. A translucidez é cor fosca através da qual quase se vê, a antepassada do [glassmorphism](https://gradiently.design/pt-pt/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 ao 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, lustro e fosco como gradientes copiáveis. Usa um deles por design, não os três.

Um efeito forte por design é a regra para os três. Uma palavra a brilhar num botão lustroso sobre vidro fosco é o visual Y2K no seu lado mais datado. Para saberes de onde veio o lustro, vê [uma breve história dos gradientes](https://gradiently.design/pt-pt/guide/history-of-gradients).

## Y2K, vaporwave e Frutiger Aero comparados

Três estilos da era da internet são muitas vezes confundidos. Partilham gradientes e nostalgia, mas diferem no ambiente, na época e na paleta.

| Estilo | Época em que se inspira | Paleta | Motivos |
| --- | --- | --- | --- |
| Y2K | Fim dos anos 1990 a meados dos anos 2000 | Prateado, azul-gelo, rosa-bebé, lima | Cromado, plástico translúcido, brilho |
| Vaporwave | Imagens dos anos 1980 e 1990, remisturadas online nos anos 2010 | Rosa-choque, ciano, violeta, laranja pôr do sol | Grelhas, pores do sol, bustos de mármore, ecrãs de computadores antigos |
| Frutiger Aero | Meados dos anos 2000 ao início dos anos 2010 | Azul-céu, verde-relva, branco | Água, bolhas, vidro lustroso, céu e natureza |

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

## Como atualizar a estética Y2K para hoje

1. **Escolhe um traço protagonista** Escolhe cromado, iridescência, brilho ou cor translúcida e deixa-o liderar. Tudo o resto fica discreto.
2. **Usa uma composição moderna** Espaço generoso, uma grelha clara e uma mensagem por design impedem o visual de resvalar para o disfarce.
3. **Junta-lhe letra limpa** Compõe o texto de apoio numa sem serifas simples e moderna. Guarda as letras largas ou futuristas para uma única linha de destaque.
4. **Junta grão em vez de mais lustro** Um grão fino sobre uma superfície iridescente ou cromada fá-la parecer física e atual e não de plástico. Vê [gradientes com grão](https://gradiently.design/pt-pt/guide/grainy-gradients).
5. **Verifica o contraste** O texto pastel ou cromado sobre branco falha muitas vezes. Testa cada linha contra o seu fundo com as regras de [contraste de cor](https://gradiently.design/pt-pt/guide/color-contrast-accessibility).

Uma publicação vertical de lançamento de produto com o título A Edição Cromada, a anunciar uma coleção na loja na sexta

Uma campanha Y2K como publicação no feed: palavras curtas e fortes e uma mensagem clara.

Uma story vertical em contagem decrescente de dois dias para A Edição Cromada, com as portas a abrir às dez na sexta

A mesma campanha como story. A composição muda; o visual mantém-se.

Um visual Y2K pertence normalmente a uma campanha e não a uma identidade permanente: uma coleção, uma festa, um álbum. No [Mercado](/market) da Gradiently podes pesquisar palavras de cor como azul-gelo, prateado ou lilás para encontrares um Mark com esse espírito e desenhar com ele gratuitamente.

## FAQ

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

A estética Y2K é o estilo visual otimista em relação à tecnologia de, mais ou menos, o fim dos anos 1990 até meados dos anos 2000: cromado, plástico translúcido, pastéis iridescentes, superfícies lustrosas e brilho.

### Que cores tem uma paleta de cores Y2K?

Prateado, branco, azul-gelo, rosa-bebé, lilás e lima ácido, sobre uma base branca ou um azul-negro profundo quando o design precisa de brilhar.

### Como se faz um gradiente cromado?

Usa várias faixas: luminoso em cima, uma linha escura e nítida perto do meio e depois claro outra vez. Isso imita um espelho a refletir céu, horizonte e chão, e é o que faz o metal ler-se como metal.

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

O Y2K é frio, metálico e futurista, assente em prateado, azul-gelo e rosa. O vaporwave é um estilo da internet dos anos 2010 que remistura imagens dos anos 1980 e 1990 em rosa-choque, ciano e violeta, com grelhas, pores do sol e bustos de mármore.

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

Fica melhor em campanhas, coleções e eventos. Para uma identidade duradoura, vai buscar um só traço, como uma superfície iridescente ou um acento cromado, e mantém moderno o resto do teu sistema.