Mockup de página de preços

Três planos com o “Mais popular” em destaque, seletor mensal/anual e listas de recursos.

Solte seu print aqui

Tamanho

Formato

Sua imagem fica no seu navegador — nada é enviado.

A tabela de preços é uma das telas mais vistas de qualquer SaaS. Este modelo desenha os planos Starter, Pro e Business com o plano do meio em destaque, seletor de cobrança e recursos com checks, além de um seletor de planos empilhado no mobile.

Exemplos

Preços · NavegadorPreços · NavegadorPreços · iPhone · EsquerdaPreços · iPhone · EsquerdaPreços · MacBook · DireitaPreços · MacBook · DireitaPreços · Desktop · De cima · EscuroPreços · Desktop · De cima · Escuro

Como funciona

  1. Escolha uma tela

    Um dos 18 tipos de interface (5 layouts cada) ou seu próprio print. Clique em “Outra variação” até gostar.

  2. Escolha um dispositivo

    iPhone 17 Pro, iPhone Air, MacBook Pro ou MacBook Air — ou uma janela de navegador.

  3. Baixe

    Escolha ângulo e fundo e baixe PNG, JPG ou WebP em alta resolução. Fundo transparente também funciona.

Perguntas

Existem outros layouts de preços?

Sim. “Outra variação” alterna entre 5 layouts: cards de planos, tabela comparativa, dois planos lado a lado, controle deslizante por uso e página de preços escura.

Posso usar a cor da minha marca?

O plano em destaque usa a cor de destaque: escolha uma das 8 cores.

Tem tela de preços mobile?

Sim, no iPhone você tem um seletor de planos mobile.

É grátis?

Sim. Todas as interfaces, dispositivos, ângulos e tamanhos são grátis e não é preciso conta. Você pode usar as imagens em projetos comerciais.

Posso colocar meu próprio print em um iPhone ou MacBook?

Sim. Clique em “Seu print”, arraste uma imagem para a prévia ou cole com Ctrl/Cmd+V. A imagem é processada no navegador e nunca é enviada.

Mais mockups

Mockups por tipo de tela


Mockups por dispositivo