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
Porque recomendamos esta habilidade
Esta skill destaca-se ao criar um site pessoal sofisticado, inspirado em estrategistas de marca. Descreve meticulosamente uma estética minimalista moderna com especificações precisas de cor, tipografia e layout para uma presença online verdadeiramente distinta.
Transforme a sua marca pessoal num site impressionante e minimalista. Design profissional, layouts estratégicos e uma estética cativante criados instantaneamente para mostrar a sua experiência.
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.
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
Porque recomendamos esta habilidade
Esta skill destaca-se ao criar um site pessoal sofisticado, inspirado em estrategistas de marca. Descreve meticulosamente uma estética minimalista moderna com especificações precisas de cor, tipografia e layout para uma presença online verdadeiramente distinta.
Transforme a sua marca pessoal num site impressionante e minimalista. Design profissional, layouts estratégicos e uma estética cativante criados instantaneamente para mostrar a sua experiência.
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.