Todos os projetos

Disponível · Web

Ntu.

Minha publicação de ensaios, artigos e estudos, com experiência de leitura editorial, referências contextuais e ferramentas para retomar um texto.

Minha atuaçãoDesenvolvimento de produto autoral
TecnologiasNext.js, React, TypeScript, MDX, Base UI, Tailwind CSS, Zod
O problema
Publicar textos longos preservando sua estrutura e suas referências.
Minha contribuição
Desenhei a publicação e construí o modelo de conteúdo, o acervo e as ferramentas de leitura.
O resultado
Publicação em português com navegação por seções, referências contextuais e preferências de leitura.
Interface de Ntu.
Abrir imagem em tamanho original

Um espaço para a minha escrita

Construí o Ntu. para publicar meus ensaios, artigos e estudos sem reduzi-los a posts curtos. Queria preservar a estrutura de cada texto, suas referências e o espaço para desenvolver um argumento, com uma experiência de leitura pensada para esse material.

O projeto conecta duas partes do meu trabalho: escrita e engenharia front-end. Desenhei a publicação, estruturei o modelo de conteúdo e construí o leitor, o acervo e a navegação.

O conteúdo orienta a aplicação

A publicação usa MDX local com metadados tipados e validados por Zod. Mantenho separados o texto original, os dados da publicação e os elementos complementares de leitura. Assim, o mesmo conteúdo alimenta o leitor, o acervo, as referências e a busca.

A árvore Markdown fornece títulos e seções para a navegação e o índice de pesquisa. A composição das páginas fica no servidor; as interações no cliente cuidam das ferramentas que precisam de estado no navegador. A publicação continua ligada ao controle de versão, sem um CMS separado.

Ler sem perder o fio

Textos longos precisam de mais do que uma barra de rolagem. Construí um sumário ligado à seção atual, progresso pelo corpo do texto e retomada da leitura por seção.

Notas, definições e referências mantêm links de retorno ao contexto. Quem lê pode ajustar tamanho da fonte, entrelinhas e largura da coluna, usar o modo foco e salvar trechos selecionados no próprio navegador. Esses controles ficam disponíveis sem disputar atenção com o texto.

Usei Base UI para sobreposições e controles, mantendo links e controles de mídia nativos quando essa interação faz sentido. O mesmo fluxo de leitura se adapta ao desktop e ao celular.

Um sistema visual editorial

Combinei títulos em Cormorant Garamond, corpo em EB Garamond e interface em DM Sans. As superfícies escuras e os detalhes pontuais em dourado distinguem a navegação da coluna de leitura. Os ajustes de espaço e largura permitem escolher uma composição confortável.

O acervo oferece diferentes entradas para os textos: tipos de publicação, temas, busca e leituras relacionadas. O Ntu. é tanto o lugar onde publico minha escrita quanto um produto em que exploro como interfaces podem apoiar uma leitura atenta.

Conheça outros projetos Entre em contato