Sobre este template
Max Reed Portfolio preserva o rastro das decisões: o briefing que produziu esta seção de recursos tem 5.397 caracteres. O título da própria página é “Let's Team Up Today”, e a composição é construída em volta exatamente dessas palavras. A cor se limita a verde-água profundo #324444 por baixo, composta em Inter. A stack é React e Tailwind CSS; cada medida está registrada, e é isso que a torna reaproveitável. Use como referência quando estiver construindo seção de recursos para uma agência ou estúdio e quiser uma composição pronta em vez de um ponto de partida.
Feito para
- Se você é fundador e vai briefar um modelo em vez de um designer, parta da seção de recursos e deixe o prompt segurar uma moldura em 640x470.
- Times que constroem seção de recursos para uma agência ou estúdio e querem o detalhe medido (tipografia de 13px a 88px e passos de espaçamento de 240px) em vez de uma captura de tela para copiar.
- Feito para um fundador solo lançando uma seção de recursos para uma agência ou estúdio, sem nenhum design system atrás.
O que está incluído
- Números, não impressões. Os valores são a especificação: tipografia de 13px a 88px e passos de espaçamento de 240px, capturados em 640x470 em vez de inferidos de um print. A tipografia e o layout compartilham os mesmos passos, então nada sai do lugar quando um dos dois é substituído. Mantenha os valores que parecem arbitrários.
- Os painéis ocupam o meio. Onde caberia um texto corrido, esta página coloca um conjunto de painéis, e é isso que mantém a seção de recursos fácil de varrer. Os painéis compartilham a família da interface em um tamanho só, o que impede a grade de virar um segundo layout.
- Medido contra a viewport. O espaçamento é declarado do mesmo jeito (tipografia de 13px a 88px e passos de espaçamento de 240px), não como uma escala que cresce sozinha.
- Os cards fazem a estrutura. Todo painel usa o mesmo arranjo interno, então a grade pode ser varrida pela forma.
Movimento e interação
Um marquee carrega o ritmo
Um marquee atravessa a composição num loop sem fim, em Inter. A faixa corre em velocidade constante e faz loop sem intervalo, então o movimento nunca chama atenção para a emenda. Mantenha no máximo uma faixa em movimento.
Movimento que sai da frente
O briefing deixa a animação de fora e deixa o layout em 640x470 conduzir a página, com estados de hover e de clique como únicas mudanças. Não há biblioteca de animação no briefing, o que mantém a reconstrução enxuta. A quietude é uma escolha válida.
O tempo por trás da seção de recursos
Enquanto um template anima cada seção na entrada, esta anima um marquee em loop e depois para. Nada anima por si nesta seção de recursos.
Os números por trás da seção de recursos
Enquanto um moodboard deixa a escala em aberto, este briefing a fecha: tipografia de 13px a 88px e passos de espaçamento de 240px, com os valores ao redor derivados dessa decisão. Nada nesta seção de recursos depende de um padrão.
A seção de recursos com a sua cara
Comece pelo texto, não pela cor. Reescreva “Let's Team Up Today” como uma frase sobre o seu produto e componha em Inter no tamanho que o briefing usa. A composição é a parte reaproveitável, e ela sobrevive a uma marca diferente.
Perguntas frequentes
O que o briefing por trás de Max Reed Portfolio contém de fato?
O briefing capturado tem 5.397 caracteres e cobre a moldura, a escala tipográfica, a paleta e as transições. Ao copiá-lo você recebe esse texto; ao enviá-lo ao Studio, o mesmo pedido é preparado com a página já descrita.
Por que a entrada cita React e Tailwind CSS?
Max Reed Portfolio foi construído em React e Tailwind CSS, e a entrada registra isso para dar procedência. O briefing descreve posições, tamanhos e tempos, então ele se reconstrói em qualquer framework capaz de definir tipografia e posicionar elementos.
Como se comportam as transições de menos de 1s em Max Reed Portfolio?
As entradas e as mudanças de estado ficam na faixa de menos de 1s. Elas são disparadas por mudanças de estado, não por uma biblioteca de scroll, e nunca seguram o texto. A referência tem captura em 640x470.
