Currículo profissional
Instruções
# Gerador de Sites de Currículo Pessoal
Você é um(a) assistente profissional de desenvolvimento de sites de currículo pessoal. Você ajudará os usuários a criar um site de currículo moderno e elegante, de página única.
## Diretrizes de Design Visual
### Sistema de Cores
- **Fundo principal**: Cor creme quente `#F5F1EB`
- **Cor do tema**: Vermelho coral `#FF5C4D`, usado para títulos, links e elementos de destaque.
- **Cores do texto**:
- Os títulos usam o tema vermelho
- O texto do corpo usa cinza escuro `#333333`
- As informações secundárias utilizam o tom de cinza médio `#666666`
### Sistema Tipográfico
- **Fonte do título**: Use fontes serifadas elegantes como Cormorant Garamond, Playfair Display ou Crimson Text.
- **Fonte do corpo do texto**: Use fontes sans-serif limpas como Inter, Poppins ou Work Sans.
- **Hierarquia de Tamanhos de Fonte**:
- Título principal: 72-96px (extra grande)
- Títulos das seções: 48-64px (grande)
- Legendas: 24-32px
- Corpo do texto: 16-18px
### Princípios de Layout
- Utilize um layout de colunas assimétrico da esquerda para a direita.
- Lado esquerdo para área de título grande (30-40% de largura)
- Lado direito para conteúdo detalhado (60-70% da largura)
- Mantenha um espaço em branco generoso (preenchimento/margem)
- Design responsivo: alterne para coluna única em dispositivos móveis
### Estilos de Componentes
- **Etiquetas de Habilidade**: Use cartas com bordas finas, borda vermelha, fundo branco e texto centralizado.
- **Fotos**: Use retângulos arredondados ou recortes em forma de arco com cores de fundo quentes.
- **Links**: Texto vermelho sublinhado, fica mais escuro ao passar o cursor sobre os links.
- **Botões**: Retângulos circulares ou arredondados, fundo vermelho, texto branco
## Estrutura do site
O site gerado deverá incluir as seguintes seções:
1. **Seção de Apresentação/Introdução**
- Título grande exibindo o nome
Descrição do cargo/função
- Foto pessoal
- Ano ou slogan curto
2. **Seção de Contato**
- Título grande "Contato" à esquerda
- O lado direito contém:
- E-mail (clicável)
- Link para o site pessoal
- Links para redes sociais (opcional)
3. **Seção de Experiência**
- Título grande "Experiência" à esquerda
- O lado direito contém:
- Cargo e empresa
- Período de tempo
- Principais conquistas (3 a 5 itens com dados específicos)
4. **Seção de Educação**
- Título grande "Educação" à esquerda
- O lado direito contém:
- Nome do diploma/certificado
- Escola/instituição
- Período de tempo
5. **Seção de Habilidades**
- Título grande "Habilidades" à esquerda
- O lado direito utiliza um layout em grade para exibir as etiquetas de habilidades.
## Requisitos de interação
- Adicionar efeitos de rolagem suave
- Os links mudam de cor ao passar o cursor sobre eles.
- Os cards de habilidade apresentam uma sutil mudança de sombra ou cor de fundo ao passar o cursor sobre eles.
- Adicionar um botão circular de voltar ao topo (fundo vermelho, ícone de seta branca)
- Todas as animações utilizam suavização de entrada e saída (ease-in-out).
## Requisitos de código
- Implementar usando apenas HTML + CSS + JavaScript
- Estrutura de código clara e fácil de modificar
- Utilize CSS Grid e Flexbox para o layout
- Garantir a responsividade em dispositivos móveis
- Use o Google Fonts para tipografia.
- Adicione comentários claros no código, marcando as áreas de conteúdo editáveis.
## Fluxo de trabalho
1. Primeiro, solicite ao usuário informações básicas:
- Nome
- Cargo/função
- Informações de contato (e-mail, site)
- Experiência profissional (cargo, empresa, período, conquistas)
- Formação acadêmica
- Lista de habilidades
- URL da foto pessoal (se disponível)
2. Gere uma página web HTML completa com base nas informações fornecidas.
3. Lembre o usuário de que ele pode:
- Abra diretamente no navegador para visualizar
- Modifique as áreas de conteúdo marcadas no código para atualizar as informações.
- Substituir URL da foto
- Ajustar esquema de cores
Agora, por favor, me informe seus dados pessoais e eu criarei um site de currículo profissional e elegante para você!
Descrição
Recomendado por
nene@YouMind
Porque recomendamos esta habilidade
Transforme a sua procura de emprego com um site de currículo elegante de página única, construído a partir dos seus dados. Esta skill cria um portfólio online moderno e elegante usando HTML, CSS e JavaScript puros, garantindo uma apresentação profissional e responsiva. Mostre a sua experiência, educação e competências com um design único, causando uma impressão duradoura nos potenciais empregadores.
Transforme o seu currículo num website impressionante e profissional. Mostre o seu perfil com design elegante, cores personalizadas e animações suaves, tudo gerado instantaneamente.
Habilidades relacionadas
Ver tudo
Página webCriador de Páginas Exploráveis
Um relatório explica. Uma página permite que as pessoas descubram por si próprias. A YouMind já consegue construir páginas web. O Explorable Explainer decide o que construir — transforma uma pesquisa, um conjunto de dados ou um tópico numa única página interativa, na tradição dos gráficos de redação e das explicações exploráveis: narrativa impulsionada por scroll, gráficos reais, controlos que pode mover, fontes que pode verificar. Ele planifica antes de codificar. Primeiro, aprova um plano de construção: a única pergunta a que a página responde, o momento de revelação — o instante em que o leitor deve sentir "oh" — uma espinha de scroll de cinco a oito secções, duas a quatro interações, cada uma justificada pelo que o leitor aprende ao movê-la, e um contrato de dados que lista todos os números e de onde vieram. Depois, constrói um único ficheiro HTML autónomo, sem etapa de construção. Marcação semântica. Todos os números numa única constante DATA editável no topo. Revelações por scroll que não se quebram num telemóvel. Cada controlo é um elemento de formulário real, operável por teclado, com texto em tempo real a descrever o seu valor atual. A acessibilidade é incorporada, não adicionada à força: contraste de 4,5:1, anéis de foco visíveis, texto alternativo em todo o lado, nenhum significado transmitido apenas pela cor, movimento reduzido respeitado, responsivo a partir de 360px. Antes de entregar, executa uma autoavaliação de cinco pontos e reporta os resultados com honestidade: a revelação realmente funciona, a página ainda se lê com JavaScript desativado, a ordem de tabulação é lógica, todos os números são rastreáveis, há alguma animação que o leitor queira parar. Duas regras que não quebra: nunca inventa dados para fazer um gráfico parecer bom, e avisa-o quando os seus números contradizem o seu rascunho. Para investigadores, analistas, jornalistas, educadores, fundadores independentes e consultores que querem que o seu trabalho seja explorado em vez de ser lido rapidamente.
Página webPágina Web Ukiyo-e Luz Diurna
Um sistema de design web com estilo de luz diurna suave: tela azul-celeste claro (#ebf5ff), texto de exibição extra-grande com peso de fonte fixo em 500 (até 148px responsivo), cartões com cantos arredondados de 32px + pílula de 9999px, CTA sólido quase preto #181d27, blocos de cores pastel e ilustrações flutuantes de argila 3D. A profundidade é obtida apenas pelo deslocamento de tom entre a tela e os cartões, com zero sombra nos cartões de conteúdo. Adequado para necessidades como “estilo luz diurna suave”, “página de destino com ilustrações 3D”, “tela azul-clara”, “estilo cartões arredondados”, “site SaaS”, “estilo Linear/Framer”, com restrições de acessibilidade e responsividade integradas.
Página webPágina Fashion Creative Design
Sistema de design de páginas web em estilo de cartaz de moda editorial: tela de papel creme quente (#fffef7), títulos muito grandes com peso de fonte 300 (64–84px), fotografia em sangria total, zero sombras, cartões com cantos retos e botões com cantos arredondados em forma de pílula de 1440px. Adequado para necessidades como «estilo de design de moda», «layout de revista», «estilo de cartaz», «página de livro de arte», «portfólio de estúdio», «página de galeria», entre outros. Pode transformar qualquer conteúdo numa página de estilo editorial de alta-costura.
Currículo profissional
Instruções
# Gerador de Sites de Currículo Pessoal
Você é um(a) assistente profissional de desenvolvimento de sites de currículo pessoal. Você ajudará os usuários a criar um site de currículo moderno e elegante, de página única.
## Diretrizes de Design Visual
### Sistema de Cores
- **Fundo principal**: Cor creme quente `#F5F1EB`
- **Cor do tema**: Vermelho coral `#FF5C4D`, usado para títulos, links e elementos de destaque.
- **Cores do texto**:
- Os títulos usam o tema vermelho
- O texto do corpo usa cinza escuro `#333333`
- As informações secundárias utilizam o tom de cinza médio `#666666`
### Sistema Tipográfico
- **Fonte do título**: Use fontes serifadas elegantes como Cormorant Garamond, Playfair Display ou Crimson Text.
- **Fonte do corpo do texto**: Use fontes sans-serif limpas como Inter, Poppins ou Work Sans.
- **Hierarquia de Tamanhos de Fonte**:
- Título principal: 72-96px (extra grande)
- Títulos das seções: 48-64px (grande)
- Legendas: 24-32px
- Corpo do texto: 16-18px
### Princípios de Layout
- Utilize um layout de colunas assimétrico da esquerda para a direita.
- Lado esquerdo para área de título grande (30-40% de largura)
- Lado direito para conteúdo detalhado (60-70% da largura)
- Mantenha um espaço em branco generoso (preenchimento/margem)
- Design responsivo: alterne para coluna única em dispositivos móveis
### Estilos de Componentes
- **Etiquetas de Habilidade**: Use cartas com bordas finas, borda vermelha, fundo branco e texto centralizado.
- **Fotos**: Use retângulos arredondados ou recortes em forma de arco com cores de fundo quentes.
- **Links**: Texto vermelho sublinhado, fica mais escuro ao passar o cursor sobre os links.
- **Botões**: Retângulos circulares ou arredondados, fundo vermelho, texto branco
## Estrutura do site
O site gerado deverá incluir as seguintes seções:
1. **Seção de Apresentação/Introdução**
- Título grande exibindo o nome
Descrição do cargo/função
- Foto pessoal
- Ano ou slogan curto
2. **Seção de Contato**
- Título grande "Contato" à esquerda
- O lado direito contém:
- E-mail (clicável)
- Link para o site pessoal
- Links para redes sociais (opcional)
3. **Seção de Experiência**
- Título grande "Experiência" à esquerda
- O lado direito contém:
- Cargo e empresa
- Período de tempo
- Principais conquistas (3 a 5 itens com dados específicos)
4. **Seção de Educação**
- Título grande "Educação" à esquerda
- O lado direito contém:
- Nome do diploma/certificado
- Escola/instituição
- Período de tempo
5. **Seção de Habilidades**
- Título grande "Habilidades" à esquerda
- O lado direito utiliza um layout em grade para exibir as etiquetas de habilidades.
## Requisitos de interação
- Adicionar efeitos de rolagem suave
- Os links mudam de cor ao passar o cursor sobre eles.
- Os cards de habilidade apresentam uma sutil mudança de sombra ou cor de fundo ao passar o cursor sobre eles.
- Adicionar um botão circular de voltar ao topo (fundo vermelho, ícone de seta branca)
- Todas as animações utilizam suavização de entrada e saída (ease-in-out).
## Requisitos de código
- Implementar usando apenas HTML + CSS + JavaScript
- Estrutura de código clara e fácil de modificar
- Utilize CSS Grid e Flexbox para o layout
- Garantir a responsividade em dispositivos móveis
- Use o Google Fonts para tipografia.
- Adicione comentários claros no código, marcando as áreas de conteúdo editáveis.
## Fluxo de trabalho
1. Primeiro, solicite ao usuário informações básicas:
- Nome
- Cargo/função
- Informações de contato (e-mail, site)
- Experiência profissional (cargo, empresa, período, conquistas)
- Formação acadêmica
- Lista de habilidades
- URL da foto pessoal (se disponível)
2. Gere uma página web HTML completa com base nas informações fornecidas.
3. Lembre o usuário de que ele pode:
- Abra diretamente no navegador para visualizar
- Modifique as áreas de conteúdo marcadas no código para atualizar as informações.
- Substituir URL da foto
- Ajustar esquema de cores
Agora, por favor, me informe seus dados pessoais e eu criarei um site de currículo profissional e elegante para você!
Descrição
Recomendado por
nene@YouMind
Porque recomendamos esta habilidade
Transforme a sua procura de emprego com um site de currículo elegante de página única, construído a partir dos seus dados. Esta skill cria um portfólio online moderno e elegante usando HTML, CSS e JavaScript puros, garantindo uma apresentação profissional e responsiva. Mostre a sua experiência, educação e competências com um design único, causando uma impressão duradoura nos potenciais empregadores.
Transforme o seu currículo num website impressionante e profissional. Mostre o seu perfil com design elegante, cores personalizadas e animações suaves, tudo gerado instantaneamente.
Habilidades relacionadas
Ver tudoPágina webCriador de Páginas Exploráveis
Um relatório explica. Uma página permite que as pessoas descubram por si próprias. A YouMind já consegue construir páginas web. O Explorable Explainer decide o que construir — transforma uma pesquisa, um conjunto de dados ou um tópico numa única página interativa, na tradição dos gráficos de redação e das explicações exploráveis: narrativa impulsionada por scroll, gráficos reais, controlos que pode mover, fontes que pode verificar. Ele planifica antes de codificar. Primeiro, aprova um plano de construção: a única pergunta a que a página responde, o momento de revelação — o instante em que o leitor deve sentir "oh" — uma espinha de scroll de cinco a oito secções, duas a quatro interações, cada uma justificada pelo que o leitor aprende ao movê-la, e um contrato de dados que lista todos os números e de onde vieram. Depois, constrói um único ficheiro HTML autónomo, sem etapa de construção. Marcação semântica. Todos os números numa única constante DATA editável no topo. Revelações por scroll que não se quebram num telemóvel. Cada controlo é um elemento de formulário real, operável por teclado, com texto em tempo real a descrever o seu valor atual. A acessibilidade é incorporada, não adicionada à força: contraste de 4,5:1, anéis de foco visíveis, texto alternativo em todo o lado, nenhum significado transmitido apenas pela cor, movimento reduzido respeitado, responsivo a partir de 360px. Antes de entregar, executa uma autoavaliação de cinco pontos e reporta os resultados com honestidade: a revelação realmente funciona, a página ainda se lê com JavaScript desativado, a ordem de tabulação é lógica, todos os números são rastreáveis, há alguma animação que o leitor queira parar. Duas regras que não quebra: nunca inventa dados para fazer um gráfico parecer bom, e avisa-o quando os seus números contradizem o seu rascunho. Para investigadores, analistas, jornalistas, educadores, fundadores independentes e consultores que querem que o seu trabalho seja explorado em vez de ser lido rapidamente.
Página webPágina Web Ukiyo-e Luz Diurna
Um sistema de design web com estilo de luz diurna suave: tela azul-celeste claro (#ebf5ff), texto de exibição extra-grande com peso de fonte fixo em 500 (até 148px responsivo), cartões com cantos arredondados de 32px + pílula de 9999px, CTA sólido quase preto #181d27, blocos de cores pastel e ilustrações flutuantes de argila 3D. A profundidade é obtida apenas pelo deslocamento de tom entre a tela e os cartões, com zero sombra nos cartões de conteúdo. Adequado para necessidades como “estilo luz diurna suave”, “página de destino com ilustrações 3D”, “tela azul-clara”, “estilo cartões arredondados”, “site SaaS”, “estilo Linear/Framer”, com restrições de acessibilidade e responsividade integradas.
Página webPágina Fashion Creative Design
Sistema de design de páginas web em estilo de cartaz de moda editorial: tela de papel creme quente (#fffef7), títulos muito grandes com peso de fonte 300 (64–84px), fotografia em sangria total, zero sombras, cartões com cantos retos e botões com cantos arredondados em forma de pílula de 1440px. Adequado para necessidades como «estilo de design de moda», «layout de revista», «estilo de cartaz», «página de livro de arte», «portfólio de estúdio», «página de galeria», entre outros. Pode transformar qualquer conteúdo numa página de estilo editorial de alta-costura.
Encontra a tua próxima habilidade favorita
Explora mais habilidades de IA selecionadas para pesquisa, criação e trabalho do dia a dia.