Perfil criativo
Instruções
Crie um site pessoal moderno e minimalista inspirado no design visual de um estrategista de marca profissional:
**Estilo geral**
- Linguagem de design minimalista com amplo espaço em branco e grande liberdade para o conteúdo.
Profissional e criativo, personificando a imagem de um estrategista de marca.
- Layout responsivo para dispositivos desktop e móveis
**Esquema de cores**
- Fundo: Creme quente/branco sujo (#FFFEF9)
- Cor principal em destaque: Rosa brilhante/magenta (#FF1493) para títulos e chamadas à ação principais.
- Destaque secundário: Azul claro/ciano (#00CED1) para etiquetas e categorias
- Cor do texto: Preto profundo (#1a1a1a) para o corpo do texto, garantindo alta legibilidade.
**Design Tipográfico**
- Títulos em negrito extragrandes: Nome dividido em duas linhas usando fontes sans-serif ultranegrito (como Inter Black/Helvetica Black), tamanho mínimo da fonte de 80px.
- Cargo em rosa vibrante, tamanho da fonte de 60 a 80 pixels
- Texto do corpo em fonte sans-serif limpa de 16 a 18px
- Sistema de grade rígido com layout de duas ou três colunas
- Use linhas finas (1px) para separar diferentes áreas de conteúdo.
**Estrutura da Página**
1. Seção Herói:
- Lado esquerdo: Título do nome em tamanho extra grande (dividido em duas linhas) + título do cargo (em rosa)
- Lado direito: Foto de perfil circular com borda colorida
- Abaixo: Breve declaração de missão pessoal
2. Seção de Informações de Contato:
- Links para telefone, e-mail e site
- Destacado em rosa ou azul
3. Seção de Experiência Profissional:
- Esquerda: Etiquetas de período de tempo (usando cores de destaque)
- À direita: Títulos dos cargos (em itálico) + descrições detalhadas
- Hierarquia visual clara
4. Seção de Educação:
- Mesmo layout de duas colunas
- Período de tempo + instituição + grau acadêmico
5. Seção de Habilidades/Idiomas:
- Rótulos de categoria em blocos de cores
- Exibição em formato de grade
**Elementos Visuais**
- Foto de perfil circular com borda rosa ou degradê
- Cabeçalhos de categoria no estilo de tags (como "EXPERIÊNCIA PROFISSIONAL") em cores de destaque.
- Botão flutuante (canto inferior direito para voltar ao topo) em círculo preto
- Efeitos sutis de foco em todos os elementos interativos.
**Recomendações de fontes**
- Títulos: Inter Black, Helvetica Neue Bold ou Montserrat ExtraBold
- Corpo do texto: Inter Regular, Helvetica Neue ou System UI
**Detalhes da interação**
- Rolagem suave
- Link com animação de mudança de cor ou sublinhado ao passar o mouse
- Menu de navegação responsivo
- Animação de carregamento limpa e elegante
**Requisitos de conteúdo**
- Biografia pessoal enfatizando "década de experiência", "estratégia e storytelling" e palavras-chave semelhantes.
- Experiência profissional destacando conquistas e métricas específicas (como "crescimento de 200%)
- Apresentar colaborações com marcas/instituições renomadas
- Proficiência linguística e habilidades profissionais claramente categorizadas
Por favor, gere o código HTML/CSS/JavaScript completo, garantindo que o design seja profissional, moderno e incorpore plenamente as características da marca pessoal.
Descrição
Recomendado por
nene@YouMind
Por que recomendamos esta habilidade
Esta skill se destaca por criar um site pessoal sofisticado, inspirado em estratégias de marca. Ela detalha meticulosamente uma estética minimalista moderna com especificações precisas de cor, tipografia e layout para uma presença online verdadeiramente distinta.
Transforme sua marca pessoal em um site minimalista e impressionante. Design profissional, layouts estratégicos e uma estética cativante criados instantaneamente para destacar sua expertise.
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 conta própria. O YouMind já pode construir páginas web. O Explorable Explainer decide o que construir — transforma uma pesquisa, um conjunto de dados ou um tópico em uma única página interativa, na tradição de gráficos de redação e explicações exploráveis: narrativa guiada por rolagem, gráficos reais, controles que você pode mover, fontes que você pode verificar. Ele planeja antes de codificar. Você aprova primeiro um plano de construção: a única pergunta que a página responde, a revelação — o momento em que o leitor deve sentir "oh" — uma espinha de rolagem de cinco a oito seções, duas a quatro interações, cada uma justificada pelo que o leitor aprende ao movê-la, e um contrato de dados listando cada número e sua origem. Em seguida, ele constrói um único arquivo HTML autocontido, sem etapa de compilação. Marcação semântica. Todos os números em uma única constante DATA editável no topo. Revelações de rolagem que não quebram em um telefone. Cada controle é um elemento de formulário real, operável por teclado, com texto ao vivo descrevendo seu valor atual. A acessibilidade é incorporada, não adicionada por último: contraste 4.5:1, anéis de foco visíveis, texto alternativo em todo lugar, nenhum significado transmitido apenas pela cor, movimento reduzido respeitado, responsivo a partir de 360px. Antes de entregar, ele executa uma autoavaliação de cinco pontos e relata os resultados honestamente: a revelação realmente funciona, a página ainda é legível com JavaScript desativado, a ordem de tabulação é sensata, cada número é rastreável, há algo animando que o leitor queira parar? Duas regras que ele não quebra: nunca inventa dados para fazer um gráfico parecer bom e avisa quando seus números contradizem seu rascunho. Para pesquisadores, analistas, jornalistas, educadores, fundadores independentes e consultores que querem que seu trabalho seja explorado, não apenas folheado.
Página webPágina Web Etérea em Luz Suave
Sistema de design de páginas web no estilo luz suave diurna: canvas azul celeste claro (#ebf5ff), tipografia de exibição extragrande com peso fixo de 500 (responsiva até 148px), cards com cantos arredondados de 32px e pílulas de 9999px, CTA sólido quase preto (#181d27), blocos de cores pastel e ilustrações 3D flutuantes com textura de argila. A profundidade é criada apenas pela variação de tons entre o canvas e o card, e os cards de conteúdo não têm sombra. Adequado para necessidades como 'estilo luz suave diurna', 'landing page com ilustrações 3D', 'canvas azul claro', 'estilo de cards arredondados', 'site SaaS', 'estilo Linear/Framer', entre outros. Inclui restrições de acessibilidade e responsividade.
Página webPágina Fashion Creative Design
Sistema de design web no estilo de pôsteres de moda editorial: tela de papel creme quente (#fffef7), títulos grandes com peso 300 (64–84px), fotografias com sangria total, sem sombras, cartões com cantos retos e botões com raio de pílula de 1440px. Ideal para necessidades como "estilo fashion design", "layout de revista", "estilo pôster", "página de livro de arte", "portfólio de estúdio", "página de galeria", etc. Pode transformar qualquer conteúdo em uma página no estilo editorial de alta moda.
Perfil criativo
Instruções
Crie um site pessoal moderno e minimalista inspirado no design visual de um estrategista de marca profissional:
**Estilo geral**
- Linguagem de design minimalista com amplo espaço em branco e grande liberdade para o conteúdo.
Profissional e criativo, personificando a imagem de um estrategista de marca.
- Layout responsivo para dispositivos desktop e móveis
**Esquema de cores**
- Fundo: Creme quente/branco sujo (#FFFEF9)
- Cor principal em destaque: Rosa brilhante/magenta (#FF1493) para títulos e chamadas à ação principais.
- Destaque secundário: Azul claro/ciano (#00CED1) para etiquetas e categorias
- Cor do texto: Preto profundo (#1a1a1a) para o corpo do texto, garantindo alta legibilidade.
**Design Tipográfico**
- Títulos em negrito extragrandes: Nome dividido em duas linhas usando fontes sans-serif ultranegrito (como Inter Black/Helvetica Black), tamanho mínimo da fonte de 80px.
- Cargo em rosa vibrante, tamanho da fonte de 60 a 80 pixels
- Texto do corpo em fonte sans-serif limpa de 16 a 18px
- Sistema de grade rígido com layout de duas ou três colunas
- Use linhas finas (1px) para separar diferentes áreas de conteúdo.
**Estrutura da Página**
1. Seção Herói:
- Lado esquerdo: Título do nome em tamanho extra grande (dividido em duas linhas) + título do cargo (em rosa)
- Lado direito: Foto de perfil circular com borda colorida
- Abaixo: Breve declaração de missão pessoal
2. Seção de Informações de Contato:
- Links para telefone, e-mail e site
- Destacado em rosa ou azul
3. Seção de Experiência Profissional:
- Esquerda: Etiquetas de período de tempo (usando cores de destaque)
- À direita: Títulos dos cargos (em itálico) + descrições detalhadas
- Hierarquia visual clara
4. Seção de Educação:
- Mesmo layout de duas colunas
- Período de tempo + instituição + grau acadêmico
5. Seção de Habilidades/Idiomas:
- Rótulos de categoria em blocos de cores
- Exibição em formato de grade
**Elementos Visuais**
- Foto de perfil circular com borda rosa ou degradê
- Cabeçalhos de categoria no estilo de tags (como "EXPERIÊNCIA PROFISSIONAL") em cores de destaque.
- Botão flutuante (canto inferior direito para voltar ao topo) em círculo preto
- Efeitos sutis de foco em todos os elementos interativos.
**Recomendações de fontes**
- Títulos: Inter Black, Helvetica Neue Bold ou Montserrat ExtraBold
- Corpo do texto: Inter Regular, Helvetica Neue ou System UI
**Detalhes da interação**
- Rolagem suave
- Link com animação de mudança de cor ou sublinhado ao passar o mouse
- Menu de navegação responsivo
- Animação de carregamento limpa e elegante
**Requisitos de conteúdo**
- Biografia pessoal enfatizando "década de experiência", "estratégia e storytelling" e palavras-chave semelhantes.
- Experiência profissional destacando conquistas e métricas específicas (como "crescimento de 200%)
- Apresentar colaborações com marcas/instituições renomadas
- Proficiência linguística e habilidades profissionais claramente categorizadas
Por favor, gere o código HTML/CSS/JavaScript completo, garantindo que o design seja profissional, moderno e incorpore plenamente as características da marca pessoal.
Descrição
Recomendado por
nene@YouMind
Por que recomendamos esta habilidade
Esta skill se destaca por criar um site pessoal sofisticado, inspirado em estratégias de marca. Ela detalha meticulosamente uma estética minimalista moderna com especificações precisas de cor, tipografia e layout para uma presença online verdadeiramente distinta.
Transforme sua marca pessoal em um site minimalista e impressionante. Design profissional, layouts estratégicos e uma estética cativante criados instantaneamente para destacar sua expertise.
Habilidades relacionadas
Ver tudoPágina webCriador de Páginas Exploráveis
Um relatório explica. Uma página permite que as pessoas descubram por conta própria. O YouMind já pode construir páginas web. O Explorable Explainer decide o que construir — transforma uma pesquisa, um conjunto de dados ou um tópico em uma única página interativa, na tradição de gráficos de redação e explicações exploráveis: narrativa guiada por rolagem, gráficos reais, controles que você pode mover, fontes que você pode verificar. Ele planeja antes de codificar. Você aprova primeiro um plano de construção: a única pergunta que a página responde, a revelação — o momento em que o leitor deve sentir "oh" — uma espinha de rolagem de cinco a oito seções, duas a quatro interações, cada uma justificada pelo que o leitor aprende ao movê-la, e um contrato de dados listando cada número e sua origem. Em seguida, ele constrói um único arquivo HTML autocontido, sem etapa de compilação. Marcação semântica. Todos os números em uma única constante DATA editável no topo. Revelações de rolagem que não quebram em um telefone. Cada controle é um elemento de formulário real, operável por teclado, com texto ao vivo descrevendo seu valor atual. A acessibilidade é incorporada, não adicionada por último: contraste 4.5:1, anéis de foco visíveis, texto alternativo em todo lugar, nenhum significado transmitido apenas pela cor, movimento reduzido respeitado, responsivo a partir de 360px. Antes de entregar, ele executa uma autoavaliação de cinco pontos e relata os resultados honestamente: a revelação realmente funciona, a página ainda é legível com JavaScript desativado, a ordem de tabulação é sensata, cada número é rastreável, há algo animando que o leitor queira parar? Duas regras que ele não quebra: nunca inventa dados para fazer um gráfico parecer bom e avisa quando seus números contradizem seu rascunho. Para pesquisadores, analistas, jornalistas, educadores, fundadores independentes e consultores que querem que seu trabalho seja explorado, não apenas folheado.
Página webPágina Web Etérea em Luz Suave
Sistema de design de páginas web no estilo luz suave diurna: canvas azul celeste claro (#ebf5ff), tipografia de exibição extragrande com peso fixo de 500 (responsiva até 148px), cards com cantos arredondados de 32px e pílulas de 9999px, CTA sólido quase preto (#181d27), blocos de cores pastel e ilustrações 3D flutuantes com textura de argila. A profundidade é criada apenas pela variação de tons entre o canvas e o card, e os cards de conteúdo não têm sombra. Adequado para necessidades como 'estilo luz suave diurna', 'landing page com ilustrações 3D', 'canvas azul claro', 'estilo de cards arredondados', 'site SaaS', 'estilo Linear/Framer', entre outros. Inclui restrições de acessibilidade e responsividade.
Página webPágina Fashion Creative Design
Sistema de design web no estilo de pôsteres de moda editorial: tela de papel creme quente (#fffef7), títulos grandes com peso 300 (64–84px), fotografias com sangria total, sem sombras, cartões com cantos retos e botões com raio de pílula de 1440px. Ideal para necessidades como "estilo fashion design", "layout de revista", "estilo pôster", "página de livro de arte", "portfólio de estúdio", "página de galeria", etc. Pode transformar qualquer conteúdo em uma página no estilo editorial de alta moda.
Encontre sua próxima habilidade favorita
Explore mais habilidades de IA selecionadas para pesquisa, criação e trabalho do dia a dia.