Devely

DesafioNovoGratuito

‎ ‎ ‎

**a**\ - 1\ - 2 ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎

aa..

11 horas atrás11 solução20 XP

Soluções

aa..Novo
Sim
011 horas atrás

DesafioGratuito

Relay

# Relay — Briefing do Desafio ## Objetivo Reproduzir a landing page da Relay com o maior nível possível de fidelidade visual a partir das referências fornecidas. ## Foco principal - Hierarquia tipográfica - Grid e alinhamentos - Espaçamentos e proporções - Bordas e divisores - Contraste - Responsividade - Consistência entre seções ## Requisitos A implementação deve: - Ser responsiva - Funcionar corretamente em desktop e mobile - Preservar a estrutura visual da referência - Possuir navegação superior - Conter hero com headline, texto de apoio e CTAs - Reproduzir a interface demonstrativa de comandos - Conter as principais seções apresentadas na referência - Possuir CTA final e footer - Utilizar HTML semântico - Manter boa acessibilidade ## Direção visual A interface deve seguir uma estética: - Minimalista - Monocromática - Predominantemente preta - Tipografia branca e cinza - Bordas e divisores sutis - Grid rígido - Grandes áreas de respiro - Poucos elementos decorativos Evite adicionar cores, sombras fortes, gradientes ou componentes que não existam na referência. ## Interações Podem ser implementadas interações simples, como: - Hover em botões e links - Navegação responsiva - Tabs da área de demonstração - Pequenas transições Não é necessário implementar toda a lógica real do produto exibido nas interfaces simuladas. ## Stack A stack é livre. React, Next.js, Vue, Svelte ou qualquer outra tecnologia front-end pode ser utilizada. ## Critério principal O principal objetivo deste desafio é reproduzir com precisão uma interface usando apenas referência visual. Observe cuidadosamente proporções, espaçamentos, tipografia e alinhamentos antes de implementar.

Eduardo Ribas

1 dia atrás11 solução20 XP

Soluções

Eduardo Ribas
legal
Média de acessibilidade e similaridade9811 dia atrás

DesafioExclusivo Gold

Design system Gold

Crie uma sidebar, prévias ao vivo e uma busca simples de componentes.

2 dias atrás

2 dias atrás11 solução130 XP

Soluções

Eduardo Ribas
akmkdadask dakms dasdk asd kaskd aksdaksd
02 dias atrás

DesafioGratuito

Galeria de receitas

Filtre por tag e abra um modal com ingredientes e modo de preparo.

2 dias atrás

2 dias atrás01 solução60 XP

Soluções

Eduardo Ribas
legal
Média de acessibilidade e similaridade4602 dias atrás

DesafioExclusivo Gold

Console Gold de analytics

Monte gráficos, filtros de período e um estado premium no cabeçalho.

2 dias atrás

2 dias atrás01 solução120 XP

Soluções

Eduardo Ribas
gostei e ta otimo
Média de acessibilidade e similaridade7902 dias atrás

DesafioGratuito

Configurações de conta

Agrupe opções, salve alterações e mostre confirmação visual.

2 dias atrás

2 dias atrás00 solução55 XP

DesafioGratuito

Onboarding de app

Permita avançar, pular e concluir com um botão primário consistente.

2 dias atrás

2 dias atrás00 solução45 XP

DesafioGratuito

Agenda de eventos

Implemente a grade da semana e um painel lateral com detalhes do evento.

2 dias atrás

2 dias atrás00 solução85 XP

‎ ‎ ‎

Relay

Publicações

Ranking

‎ ‎ ‎

Soluções

Relay

Soluções

Design system Gold

Soluções

Galeria de receitas

Soluções

Console Gold de analytics

Soluções

Configurações de conta

Onboarding de app

Agenda de eventos

‎ ‎ ‎

Soluções

Relay

Soluções

Design system Gold

Soluções

Galeria de receitas

Soluções

Console Gold de analytics

Soluções

Configurações de conta

Onboarding de app

Agenda de eventos