The Thirteen é um arquivo visual dedicado à curadoria, organização e preservação de referências de design.
A base estratégica do projeto: a razão de existir, as metas de longo prazo e as regras de design.
O posicionamento contra o acúmulo infinito de imagens e a defesa de um arquivo focado em critério.
<aside>
</aside>
O escopo de futuro do projeto e as decisões tomadas para manter o arquivo 100% pessoal.
<aside>
</aside>
As regras conceituais e práticas que guiam cada decisão de design e desenvolvimento do produto.
<aside>
</aside>
A experiência do usuário na prática: os fluxos de navegação, a organização e o motor de descoberta.
A estrutura das entidades e o desenho de como o usuário navega pelas telas do sistema.
<aside>
</aside>
O funcionamento das coleções estáticas criadas manualmente para contar uma história contextual.
<aside>
</aside>
Os bastidores do campo de busca, os dois níveis de filtros e o salvamento do estado atual direto na URL.
<aside>
</aside>
A taxonomia do sistema: as regras de cadastro e como os dados se conectam.
A categoria principal do arquivo, responsável por definir a natureza de cada referência salva.
<aside>
</aside>
As subcategorias travadas dentro de cada Type, usadas para especificar o nicho técnico da referência.
<aside>
</aside>
A camada livre e global de categorização, ideal para cruzar referências por características visuais parecidas.
<aside>
</aside>
O filtro prático que dita o que passa na triagem e o que fica de fora do arquivo.
<aside>
</aside>
O visual do produto: os tokens, o comportamento da interface e os blocos de construção.
A paleta em tons de cinza, a escolha de fonte única e a interface travada em dark mode.
<aside>
</aside>
O comportamento do grid masonry nativo, as regras de corte de texto e os efeitos de blur.
<aside>
</aside>
A biblioteca de componentes e blocos reutilizáveis de interface que formam as telas do projeto.
<aside>
</aside>
A engenharia por trás do site: escolhas de stack, banco de dados, performance e segurança.
As tecnologias escolhidas para rodar o projeto e os motivos reais por trás de cada decisão.
<aside>
</aside>
Os modelos de dados do banco, o uso de objetos embutidos e as chaves de relacionamento do schema.
<aside>
</aside>
O fluxo de retorno de erros nas requisições e a lógica de segurança do painel administrativo.
<aside>
</aside>
A rotina de compressão de imagens no navegador do admin e a entrega otimizada usando a CDN.
<aside>
</aside>
A infraestrutura de hospedagem, o pipeline de deploy contínuo e as regras de invalidação de cache do servidor.
<aside>
</aside>