Le Puzz

Paleta

Marca

• Honeycomb Yellow #ffd931 — A cor principal da marca, a barra de título, os botões de ação principais, o estado ativo da navegação, a cor de sublinhado do link, o preenchimento de destaque — o elemento de cor central em torno do qual tudo gira.

Neutro

• Carbon Black #000000 — O texto principal, as bordas espessas, os contornos dos botões, os contornos dos ícones e o texto de navegação constituem a base estrutural de todo o sistema.
• Ink Black #231f20 — Texto secundário, texto principal, bordas dos botões, bordas dos campos de entrada — uma cor ligeiramente mais quente, quase preta, para uma sensação mais suave.
• Pearl Gray #c8cbcd — Tela da página, fundos de cartões de produtos, um palco marcante onde se destacam as cores amarela e preta.
• Fog Gray #a6a8aa — Superfícies discretas nos emblemas, fundos secundários nos chips e preenchimentos sutis na interface do usuário.
• Smoke Line #d6d6d6 — Divisórias finas e discretas para mesas e cartões.

Tipografia

de 11 a 47px · 6 etapas

• Times Now — substituição: Playfair Display · esboços 100, 400 · Uma fonte serifada para títulos e subtítulos — usada para títulos principais, nomes de produtos e títulos de seção. A fonte ultraleve de 100 pontos com espaçamento de 47 pixels cria uma sensação editorial alta e quase condensada; as formas condensadas das letras (alturas de linha de 0,87 a 0,90) permitem que títulos grandes sejam posicionados próximos ao texto que os acompanha, imitando um pôster impresso.
• Times — substituição: Times New Roman · esboços 400 · A tipografia serifada do corpo do texto é uma escolha inesperada para uma loja online, conferindo a todo o site um ar literário, semelhante ao de um catálogo. O espaçamento entre linhas reduzido (1,15) torna os parágrafos compactos e fáceis de ler.
• Helvetica Neue — substituição: Helvetica · esboços 100, 400 · Textos pequenos na interface do usuário, textos em botões e microtextos são definidos em fonte de 11px com um espaçamento entre letras grande (0,0730em), o que cria a sensação de escrever em letras maiúsculas mesmo em uma temperatura corporal confortável.

Intervalos e forma

Estilos semelhantes

• Agence Foudre — A capa da revista é de um tom rosa suave que lembra a cor de um batom.
• INVERSA — Um terminal topográfico de campo à meia-noite. Um painel de comando escuro, onde uma fonte editorial enorme e uma única camada de marcadores verde-neon se sobrepõem a imagens de satélite da Terra, cada etiqueta monocromática, como se estivessem lendo coordenadas de missão.
• Acne Studios — Um espaço de galeria minimalista repleto de fotografias vibrantes — uma revista de moda impressa sobre mármore.
• GTE — Terminal de negociação atrás da iluminação da galeria
• Diabla — Um pátio mediterrâneo ao meio-dia – paredes rosa desbotadas pelo sol, um toldo de lona vermelha vibrante e manchetes editoriais em fonte serifada estendendo-se pelo céu.
• Subset — Boutique editorial feita de linho cru
• Cursor — Uma oficina de pergaminho aconchegante, iluminada por brasas fumegantes.
• MindMarket — Um livro de contos de fadas aconchegante em papel creme - uma tela editorial amigável onde grandes manchetes da Inter e personagens de papel recortado coexistem em uma superfície ensolarada e macia como adesivos.
• Lamborghini — Carroceria preta no showroom, sob os holofotes - um carro amarelo.
• Amplemarket — Um local de trabalho banhado de sol e coberto de confetes.
• Getharvest — Uma escrivaninha na hora dourada – uma tela em tons creme quentes, cartões-postais brancos pendurados na tela e uma única chama laranja brilhante.
• Drive Capital — Pôster retrô de viagem de carro em papel quente.