Skip to content

style(website): adicionar grid suave de linhas tecnicas no background da landing page - #31

Merged
joaooncode merged 1 commit into
mainfrom
style/landing-page-tech-grid
Sep 4, 2026
Merged

style(website): adicionar grid suave de linhas tecnicas no background da landing page#31
joaooncode merged 1 commit into
mainfrom
style/landing-page-tech-grid

Conversation

@joaooncode

Copy link
Copy Markdown
Owner

Descricao

Este Pull Request adiciona um padrao sutil de grid geometrico de linhas (40px x 40px) com mascara de dissolucao radial no background da landing page, reforcando a atmosfera tecnica e de engenharia de software sem prejudicar o contraste de leitura.

Tipo de Alteracao

  • Melhoria de UI/UX (Enhancement / Theme)

Alteracoes Realizadas

  • website/src/pages/index.module.css: Adicionado background com grid de linhas de 40px em linear-gradient, com mascara radial que suaviza o padrao em direcao as bordas do Hero banner.
  • website/src/components/HomepageFeatures/styles.module.css: Aplicado grid sutil em linear-gradient no container da secao de pilares tecnicos.
  • Calibragem de cores em ambos os modos:
    • Light Mode: linhas em rgba(38, 59, 170, 0.05) sobre fundo Vanilla Cream (#FFFDF7).
    • Dark Mode: linhas em rgba(255, 255, 255, 0.035) sobre fundo Nordic Indigo Night (#0A0D1D).

Como Testar

  1. Acesse o diretorio website e instale dependencias se necessario:
    cd website && npm install
  2. Execute a verificacao de tipos e o build estatico:
    npm run typecheck
    npm run build
  3. Inicie o servidor de desenvolvimento para inspecionar a interface:
    npm run start
  4. Verifique a renderizacao do grid no Hero e na secao de recursos em ambos os temas (claro e escuro).

Checklist do Contribuinte

  • O build de producao do Docusaurus completou com 100% de sucesso.
  • A verificacao de tipos TypeScript (tsc) passou com 0 erros.
  • O codigo segue a formatacao padrao do projeto via Prettier.
  • Nao ha segredos, arquivos .env ou artefatos temporarios comitados.

Breaking Changes / Observacoes

  • Nenhuma alteracao quebra compatibilidade existente.

@joaooncode joaooncode added the enhancement New feature or request label Sep 4, 2026
@joaooncode joaooncode self-assigned this Sep 4, 2026
@joaooncode
joaooncode merged commit 7100af7 into main Sep 4, 2026
6 checks passed
@joaooncode
joaooncode deleted the style/landing-page-tech-grid branch September 4, 2026 03:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant