Devely

ChallengeNewFree

‎ ‎ ‎

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

aa..

11 hours ago11 solution20 XP

Solutions

aa..New
Sim
011 hours ago

ChallengeFree

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 day ago11 solution20 XP

Solutions

Eduardo Ribas
legal
Average accessibility and similarity9811 day ago

ChallengeGold exclusive

Design system Gold

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

2 days ago

2 days ago11 solution130 XP

Solutions

Eduardo Ribas
akmkdadask dakms dasdk asd kaskd aksdaksd
02 days ago

ChallengeFree

Galeria de receitas

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

2 days ago

2 days ago01 solution60 XP

Solutions

Eduardo Ribas
legal
Average accessibility and similarity4602 days ago

ChallengeGold exclusive

Console Gold de analytics

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

2 days ago

2 days ago01 solution120 XP

Solutions

Eduardo Ribas
gostei e ta otimo
Average accessibility and similarity7902 days ago

ChallengeFree

Configurações de conta

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

2 days ago

2 days ago00 solutions55 XP

ChallengeFree

Onboarding de app

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

2 days ago

2 days ago00 solutions45 XP

ChallengeFree

Agenda de eventos

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

2 days ago

2 days ago00 solutions85 XP

‎ ‎ ‎

Relay

Posts

Ranking

‎ ‎ ‎

Solutions

Relay

Solutions

Design system Gold

Solutions

Galeria de receitas

Solutions

Console Gold de analytics

Solutions

Configurações de conta

Onboarding de app

Agenda de eventos

‎ ‎ ‎

Solutions

Relay

Solutions

Design system Gold

Solutions

Galeria de receitas

Solutions

Console Gold de analytics

Solutions

Configurações de conta

Onboarding de app

Agenda de eventos