# Ideias de gradientes para doze setores, com códigos [Canonical HTML page](https://gradiently.design/pt-pt/guide/gradient-ideas-by-industry) Um café não deve parecer um banco, e um banco não deve parecer uma discoteca. Doze setores, doze gradientes feitos para o seu ambiente e o design em que cada um brilha mais. ## The short version - As melhores ideias de gradientes partem do que um negócio vende e de como quer que as pessoas se sintam, e não do gradiente que está na moda. - Gradientes quentes e escuros servem cafés e fitness; gradientes suaves e de baixo contraste servem beleza e bem-estar; gradientes profundos e frios servem finanças e tecnologia. - A maioria dos setores tem um gradiente esperado, como azul a violeta na tecnologia, por isso acrescentar uma cor inesperada ou uma textura é o que torna o teu reconhecível. - Cada ideia de gradiente precisa de um design em que resulte bem: uma publicação de menu para um café, uma contagem decrescente para um ginásio, um anúncio limpo para uma empresa financeira. - Mantém o texto na parte mais calma do gradiente e usa uma cor lisa dele para tamanhos pequenos e logótipos. Boas **ideias de gradientes** servem o negócio antes de servirem a tendência. As cores, o contraste e a direção devem dizer algo sobre o que vendes: quente e torrado para um café, intenso e rápido para um ginásio, profundo e firme para uma empresa financeira. Abaixo estão doze setores, cada um com um gradiente que podes copiar, uma paleta e o tipo de design que melhor lhe assenta. Usa-os como pontos de partida e torna-os teus com as ideias do fim. - Cafés: creme de espresso: `linear-gradient(160deg, #3b2418 0%, #8a5a3b 50%, #e8d3b9 100%)` - Música: sessão tardia: `linear-gradient(180deg, #0d0d12 0%, #1e2a78 60%, #00e0c6 100%)` - Eventos: foco de luz: `radial-gradient(circle at 30% 20%, #ff3d8b 0%, #6a1b9a 45%, #120824 80%)` - Fitness: calor: `linear-gradient(135deg, #ff5a1f 0%, #ff1f5a 55%, #2a0a2e 100%)` - Beleza: barro rosado: `linear-gradient(160deg, #f6e7e1 0%, #eec1c0 50%, #c98b86 100%)` - Bem-estar: bruma de salva: `linear-gradient(180deg, #e7efe6 0%, #b9cdb5 50%, #7f9c86 100%)` - Tecnologia: sinal profundo: `linear-gradient(135deg, #0a0f2c 0%, #1d4ed8 50%, #22d3ee 100%)` - Finanças: porto: `linear-gradient(160deg, #0f1c2e 0%, #1f4e5f 60%, #5f9e8f 100%)` - Educação: página nova: `linear-gradient(135deg, #0e7c66 0%, #3fb68b 55%, #e8f5c8 100%)` - Moda: da tinta ao cru: `linear-gradient(180deg, #111111 0%, #3a3632 55%, #e9e2d6 100%)` - Imobiliário: céu de calcário: `linear-gradient(180deg, #cfe3f3 0%, #f3ede4 60%, #b9a48c 100%)` - Solidariedade: esperança quente: `linear-gradient(135deg, #e36b5d 0%, #f28c38 50%, #f6c35b 100%)` Doze ideias de gradientes, uma por setor. Cada uma é explicada na sua secção abaixo. ## Ideias de gradientes para cafés, música e eventos ### Cafés e restaurantes A comida pede calor. O creme de espresso vai de um castanho torrado a um caramelo e a um creme leitoso, por isso lê-se como café antes de alguém ver uma chávena. Põe o menu ou o prato do dia na ponta clara, em texto castanho-escuro. O design em que brilha mais é uma publicação de menu simples, com um título e um preço. [Branding para restaurantes](https://gradiently.design/pt-pt/guide/cafe-restaurant-branding) trata do resto da identidade. - Espresso: #3b2418 - Caramelo: #8a5a3b - Creme: #e8d3b9 - Leite: #faf4ec - Acento tomate: #c8553d Paleta de café. O acento tomate é só para preços e pratos do dia. ### Música A imagem de música costuma viver pequena, como um quadrado num leitor, por isso precisa de um escuro forte e de uma cor viva que sobreviva ao tamanho de miniatura. A sessão tardia sobe de um quase preto por um índigo até um verde-azulado ácido, como luz a cair num palco. Usa-a em capas de listas de reprodução a 1080×1080 e em anúncios de lançamentos. ### Eventos Os eventos inspiram-se na iluminação de palco: um foco cor-de-rosa forte a esbater-se em violeta e preto. Um gradiente radial faz isto melhor do que um linear, porque tem uma fonte. Põe o nome do evento na zona escura e a data na clara. [Branding para eventos](https://gradiently.design/pt-pt/guide/event-branding) mostra como levá-lo do cartaz à pulseira. Uma publicação vertical de café com o texto Flat white de aveia, todo o dia Ideia para café: uma linha, uma oferta, uma base quente. Um story vertical de evento com o texto Portas às nove e detalhes dos bilhetes Ideia para evento: um story com a hora grande e os detalhes pequenos. ## Ideias de gradientes para fitness, beleza e bem-estar ### Fitness Os gradientes de fitness devem parecer esforço: laranja quente para um rosa-avermelhado, a esbater-se em ameixa escura. A diagonal acrescenta movimento. O texto branco lê-se bem no canto escuro, por isso põe aí os números, como repetições, tempos e datas de aulas. As publicações de contagem decrescente e os anúncios de desafios são a sua casa natural. ### Beleza A beleza quer cores próximas da pele: porcelana, rubor e um barro rosado, com pouco contraste entre os passos para o gradiente parecer suave e não gráfico. Uma ameixa profunda é a âncora adulta para texto e logótipos. Serve lançamentos de produto e publicações de antes e depois, e combina bem com um grão fino. - Porcelana: #f6e7e1 - Rubor: #eec1c0 - Barro rosado: #c98b86 - Nude: #d9b8a0 - Ameixa: #5e2a3f Paleta de beleza. Quatro tons suaves e uma ameixa profunda para as palavras. ### Bem-estar O bem-estar é abrandar, por isso o seu gradiente deve ser o mais calmo de todos: da bruma clara à salva, de cima para baixo, com quase nenhum contraste. Mantém o texto verde-escuro em vez de preto. Uma única citação ou um convite a respirar num story é o design para que foi feito. Uma publicação vertical de fitness com o texto Seis semanas até aos teus 10 km Ideia para fitness: uma contagem decrescente transforma uma aula num objetivo. Um story vertical com a frase Expira mais devagar do que inspiras Ideia para bem-estar: uma linha calma com espaço à volta. ## Ideias de gradientes para tecnologia, finanças e educação ### Tecnologia Os gradientes de tecnologia são os mais concorridos de qualquer setor: do azul-marinho ao azul e ao violeta está em todo o lado. O sinal profundo mantém o azul-marinho e o azul pela confiança, mas acaba em ciano em vez de violeta, o que chega para sair do pelotão. Serve gráficos de lançamento, publicações de novidades e imagens Open Graph a 1200×630. ### Finanças O dinheiro precisa de calma e peso. O porto passa de um azul-marinho de tinta por um azul petróleo até um verde-azulado de salva, com latão como pequeno acento para números e títulos. Evita os verdes vivos dos gráficos da bolsa, que tanto se podem ler como alarme como como crescimento. Mantém os esquemas simples: um número, uma frase. - Azul-marinho de tinta: #0f1c2e - Porto: #1f4e5f - Verde-azulado de salva: #5f9e8f - Papel: #f4f1ea - Latão: #c9a24a Paleta de finanças. O papel é a base clara para relatórios; o latão é para um número por página. ### Educação A educação deve parecer fresca e encorajadora sem ser infantil. A página nova vai de um verde profundo por um verde primaveril até um lima pálido, como um caderno novo, com um acento de marcador amarelo (#ffd84d) para palavras-chave. Usa-a em publicações em lista, dicas de estudo e anúncios de cursos. Uma publicação vertical com o título Três formas de estudar melhor num esquema de lista Ideia para educação: uma publicação em lista que as pessoas guardam e a que voltam. ## Ideias de gradientes para moda, imobiliário e solidariedade ### Moda Na moda, é a roupa que leva a cor, por isso o gradiente é discreto e editorial: preto de tinta por um carvão quente até ao cru, como um fundo de estúdio. Enquadra as fotografias de produto em vez de competir com elas. Lançamentos de produto e capas de lookbook são onde brilha, compostos num só tipo de letra elegante. Uma publicação vertical de moda a anunciar A seleção de outono, novidade Ideia para moda: um lançamento de produto em que o fundo enquadra em vez de gritar. ### Imobiliário O imobiliário vende luz e espaço. O céu de calcário começa num céu azul pálido, passa por um branco de estuque quente e assenta em arenito, como uma fachada ao sol. Mantém o texto dos anúncios num ardósia profundo. Resulta em diapositivos 16:9 a 1920×1080 e em banners de anúncios onde as fotografias ficam por cima. ### Solidariedade As organizações solidárias precisam de calor e esperança sem parecer uma campanha de saldos. A esperança quente vai do coral ao laranja e ao dourado, e um verde-azulado profundo dá ao texto e aos logótipos uma âncora séria. Serve apelos, números de impacto e convites para eventos, onde a mensagem conta mais do que o design. - Verde-azulado profundo: #0f4c5c - Coral: #e36b5d - Nascer do sol: #f28c38 - Dourado quente: #f6c35b - Creme: #fbf3e4 Paleta solidária. Verde-azulado profundo para as palavras, os três quentes para o gradiente, creme para leitura longa. ## Como tornar teu um gradiente de setor Cada setor tem um gradiente esperado, e usá-lo diz às pessoas o que fazes. Isso é útil, mas também te faz parecer igual a todos os da tua categoria. O truque é manter o ambiente esperado e mudar uma coisa: uma cor, uma textura ou a forma como se move. [Psicologia da cor](https://gradiently.design/pt-pt/guide/color-psychology) explica porque é que os ambientes e as cores se alinham, e [branding com gradientes](https://gradiently.design/pt-pt/guide/gradient-branding) mostra como transformar um numa identidade. | Setor | O gradiente esperado | Uma variação a tentar | | --- | --- | --- | | Tecnologia | Azul-marinho a azul e violeta | Acabar em ciano ou lima em vez de violeta | | Finanças | Azul-marinho a azul vivo | Petróleo e salva, com um acento de latão | | Fitness | Vermelho a laranja | Esbater em ameixa escura para dar profundidade | | Beleza | Rosa pálido a branco | Acrescentar barro rosado e um grão fino | | Bem-estar | Verde claro a branco | Da bruma à salva, com texto verde-escuro | | Cafés | Castanho simples | De espresso a creme com um acento tomate | Mantém o ambiente que o setor espera, muda um elemento. Seja qual for o gradiente que escolheres, testa-o com palavras reais antes de te comprometeres; [texto sobre gradiente](https://gradiently.design/pt-pt/guide/text-on-gradient) explica onde deve ficar o texto. Se preferires ser dono de um visual que mais ninguém do teu setor possa usar, o [Mercado](/market) da Gradiently tem Marks com exatamente um dono cada, e podes criar com qualquer um deles antes de reservares um. ## FAQ ### Que cores de gradiente servem um café ou restaurante? Castanhos quentes e cremes, como espresso #3b2418 a caramelo #8a5a3b a creme #e8d3b9, com um pequeno acento quente para preços e pratos do dia. ### Que gradiente funciona para uma marca financeira? Tons frios, profundos e calmos, como azul-marinho de tinta, azul petróleo e verde-azulado de salva, com um pequeno acento de latão ou dourado. Mantém o contraste alto nos números. ### Como evito que o meu gradiente de tecnologia seja igual ao de todos? Mantém o azul-marinho e o azul que sinalizam confiança, mas troca o violeta habitual por uma cor menos esperada, como ciano ou lima, ou acrescenta uma textura como o grão. ### Que gradientes servem marcas de bem-estar e de beleza? Gradientes suaves e de baixo contraste: da bruma à salva no bem-estar, da porcelana ao rubor e ao barro rosado na beleza. Combina-os com uma cor âncora profunda para o texto. ### Um gradiente deve mesmo combinar com o meu setor? Em parte. Igualar o ambiente esperado ajuda as pessoas a perceber o que fazes, e mudar um elemento, uma cor, uma textura ou o movimento, torna-te reconhecível dentro dele.