Template de site
Arfazrll Portfolio
Portfólio imersivo de engenheiro de IA com cenas WebGL, estudos de caso técnicos, conteúdo bilíngue, estatísticas ao vivo do GitHub e WakaTime, e chatbot de IA com dois provedores
Portfólio · IA · Grátis
Páginas
Capturas da demonstração, página por página. Role dentro de cada página para vê-la inteira.
Análise do design
Uma leitura feita por IA do design deste template: cores, tipografia, espaçamento, seções e detalhes marcantes. O Ottermind parte dela quando você usa o template.
- Visão geral
portfólio pessoal, voltado para tecnologia, alta densidade, escuro
- Paleta
fundo #000000; superfícies [#18181b, #e5e7eb, #ef4444, #22c55e]; texto #fafafa; texto abafado #a6a6a6; primário #20beff; destaques [#ef4444, #22c55e, #eab308]
- Tipografia
títulos Inter, 900, maiúsculas/caso de frase; corpo Inter, 12px; escala h1 158px / h2 88px / h3 36px
- Forma e espaçamento
raio do botão 9999px, raio do cartão 16px, bordas nenhuma, sombras rgba(255, 255, 255, 0.1) 0px 0px 0px 1px, espaçamento entre seções 120px, largura do conteúdo 1138px
- Seções (de cima para baixo)
- Hero — largura total, manchete centralizada empilhada com integração de ícones (raio, cabeça de robô), rótulo lateral vertical "DISPONÍVEL PARA OPORTUNIDADE", barra de navegação superior com exibição de horário e ícones, frase de localização no canto inferior direito, indicador de rolagem
- Foco Principal — bloco de citação centralizado com borda vermelha, layout de três colunas abaixo com rótulos em vermelho, texto descritivo em branco/cinza abafado, assinatura em letra cursiva ao final
- Estatísticas Profissionais — bloco de texto centralizado acima da barra horizontal de estatísticas com quatro pontos de dados, contêiner arredondado, ponto de status verde acima
- Contato — formulário de largura total com título grande, campos de entrada rotulados em maiúsculas, botão "ENVIAR MENSAGEM" com ícone de seta, grade social de cartões de plataformas com botões de conexão e ícones
- Rodapé — continuação implícita com links de contato e identidade visual
- Detalhes marcantes
- Iconografia dinâmica embutida no texto (raio, robô, câmera)
- Rótulo lateral vertical com texto girado
- Bordas de destaque vermelhas ao redor de seções principais
- Indicador de rolagem flutuante com transição animada
- Paleta monocromática com destaques coloridos estratégicos
- Assinatura em letra cursiva para toque pessoal
- Outras páginas
- /contact: layout baseado em formulário com grade de conexão social e interface de mensagens
Detalhes do template
- Categoria
- Portfólio, IA
- Autor
- larsen66
- Publicado em
- 21st.dev
- Preço
- Grátis
- Portfolio
- AI
- Personal Website
Design original de larsen66, publicado no 21st.dev. O Ottermind não copia o código do template: ele cria um site novo a partir do briefing.
O briefing de onde o Ottermind parte
Ele abre no Studio como rascunho — acrescente sua marca, público e páginas antes de enviar.
Construa um portfólio inspirado no modelo "Arfazrll Portfolio". Brief de referência: Portfólio imersivo de engenheiro de IA com cenas WebGL, estudos de caso técnicos, conteúdo bilíngue, estatísticas ao vivo do GitHub e WakaTime, e chatbot de IA com dois provedores Estilo e funcionalidades a reproduzir: Site pessoal. Use o conteúdo e as imagens originais da minha marca, não os conteúdos fictícios do modelo.
Como usar este template
- 1
Clique em “Usar este template” para abri-lo no Ottermind Studio com o briefing preenchido.
- 2
Acrescente ao briefing sua marca, público, páginas e conteúdo.
- 3
O Ottermind cria um site novo inspirado neste design — continue ajustando pelo chat.
