Murad Library
Murad LibraryREF-0452MD

135 criadores de temas, paletas e sistemas visuais para inspiração

Catalogued
Reading
26 min read

A Egg Design representa um tipo especialmente valioso de criador: não se limita a publicar imagens bonitas. Disponibiliza temas e páginas para Tumblr, código, tutoriais, componentes CSS e um construtor de temas. Seus trabalhos têm personalidade, opções de personalização e preocupação declarada com legibilidade e acessibilidade.

Esta pesquisa procura mais pessoas, pequenos estúdios e coletivos com o mesmo espírito em diferentes ecossistemas. A lista inclui Tumblr, WordPress, Ghost, Hugo, Jekyll, Astro, Obsidian, VS Code, terminal, KDE e GTK, componentes web, paletas, ícones e fontes. Nem todos seguem a estética lúdica da Egg Design; o ponto em comum é oferecer material visual que pode ser estudado, instalado, adaptado ou usado como referência concreta.

Resumo executivo

As referências mais próximas do espírito artesanal e autoral da Egg Design estão nas seções de Tumblr, Obsidian, temas estáticos e paletas multiplataforma. São comunidades em que uma pessoa consegue impor uma visão visual completa, documentá-la e permitir que outros a transformem.

Para começar sem se perder entre 135 links:

  • Tumblr autoral: Egg Design, Seyche, Glenthemes, Odeysseus e Themes by Pale;
  • blogs independentes: Anders Norén, Fueko, Bright Themes e Aspire Themes;
  • sites estáticos: Blowfish, Stack, Terminal, Hextra, AstroPaper e Dante;
  • Obsidian: Minimal, AnuPpuccin, Border, Shimmering Focus e ITS;
  • paletas para tudo: Dracula, Catppuccin, Rosé Pine, Nord, Flexoki e Solarized;
  • interfaces web expressivas: Aceternity UI, Cult UI, Motion Primitives, Codrops e Cruip;
  • cor: Happy Hues, Open Color, Reasonable Colors, Radix Colors e Accessible Palette;
  • ícones e tipografia: Tabler Icons, Phosphor, Iconoir, Fontshare e Velvetyne.

A lista não é um ranking. Ela foi organizada para que cada grupo responda a uma necessidade diferente: instalar um tema pronto, estudar uma linguagem, montar um moodboard, extrair tokens, encontrar componentes ou aprender como uma identidade atravessa vários aplicativos.

Metodologia e critérios

A Egg Design foi analisada como referência inicial. Foram valorizados cinco aspectos presentes em seu trabalho:

  1. autoria reconhecível, em vez de aparência produzida por catálogo;
  2. algo utilizável, como tema, código, paleta, componente ou arquivo;
  3. possibilidade de transformação, sem depender somente de screenshots;
  4. documentação ou aprendizado, incluindo tutoriais e decisões visíveis;
  5. respeito à comunidade, com termos de uso, créditos e preocupação com acessibilidade.

Depois foram consultados sites oficiais, repositórios, diretórios de temas e páginas dos próprios autores. Entradas com páginas inacessíveis foram descartadas ou substituídas. Projetos coletivos aparecem porque algumas das melhores famílias visuais atuais, como Catppuccin, Lucide e Papirus, são mantidas por comunidades e não por uma única pessoa.

Os termos gratuito, open source e livre para personalizar não são sinônimos. Antes de copiar código, redistribuir um tema ou usar uma fonte comercialmente, consulte a licença e os termos específicos do autor.

Tumblr: temas autorais, páginas e pequenos mundos

O Tumblr ainda concentra uma cultura singular de temas pessoais. Parte do acervo é antigo; por isso, confirme compatibilidade com posts NPF, páginas móveis, HTTPS e recursos atuais antes de instalar.

#Criador ou projetoO que vale explorar
1Egg DesignTemas gratuitos, páginas de perfil, tutoriais, componentes CSS e um construtor visual. Excelente referência para interfaces lúdicas e altamente personalizáveis.
2Seyche ThemesTemas minimalistas e editoriais com tipografia cuidadosa, boa hierarquia e opções suficientes para produzir blogs muito diferentes entre si.
3GlenthemesPáginas e temas com composição delicada, navegação experimental, efeitos e forte identidade de fandom e diário pessoal.
4OdeysseusLayouts detalhados, páginas de personagem e soluções de navegação que mostram como organizar muita informação sem perder personalidade.
5SorrismTemas limpos e códigos de página úteis para estudar equilíbrio entre conteúdo, espaços, metadados e pequenos detalhes interativos.
6PohroroUm dos nomes mais lembrados da cultura de temas Tumblr, com layouts, páginas e recursos de forte apelo visual. Vale como arquivo de referências e padrões clássicos da plataforma.
7Xue ThemesTemas e páginas com aparência refinada e diversas configurações. Bom repertório de blogs pessoais, portfólios e páginas auxiliares.
8Magnus ThemesTemas gratuitos e recursos com composições precisas, menus compactos e soluções que aproveitam bem espaços pequenos.
9Phantom CodesCódigos para temas, páginas e elementos de interface. Útil para desmontar soluções Tumblr e entender como cada detalhe foi construído.
10ShyThemesTemas de aparência suave e pessoal, com atenção a tipografia, barras laterais e apresentação de posts.
11OctomooseyTemas, páginas e recursos de código com soluções inventivas para navegação, filtros e organização de conteúdo.
12Neon Bike ThemesCombina minimalismo, cores marcantes e layouts responsivos. Boa referência para quem quer fugir do Tumblr excessivamente ornamentado sem cair no genérico.
13AcuiteTemas e páginas com acabamento editorial e estruturas úteis para portfólios, personagens e arquivos.
14Syntax ThemesTemas gratuitos de Scalar, com catálogo, recomendações de outros autores e registros do processo de aprender técnicas novas de CSS.
15Themes by PaleTemas e páginas com personalidade, cores, janelas, abas e referências a jogos e cultura pop. É uma das indicações mais próximas do lado divertido da Egg Design.

WordPress e Ghost: blogs com identidade própria

Aqui aparecem autores independentes e pequenos estúdios. Alguns trabalhos são gratuitos e open source; outros são comerciais. Mesmo quando você não pretende comprar, as demonstrações são ótimas aulas de composição editorial.

#Criador ou estúdioO que vale explorar
16Anders NorénMantém dezenas de temas WordPress gratuitos, rápidos e open source. Seus layouts demonstram como dar personalidade a blogs usando tipografia e proporção, não efeitos pesados.
17Rich TaborDesigner e desenvolvedor ligado ao ecossistema de blocos do WordPress. Vale acompanhar seus temas, experimentos e ideias sobre edição visual nativa.
18Carolina NymarkReferência em Full Site Editing. Disponibiliza aprendizado, exemplos e recursos para criar temas de blocos sem tratar o editor como simples page builder.
19Anariel DesignEstúdio independente conhecido por temas calorosos, editoriais e orientados a conteúdo, especialmente para culinária, lifestyle e organizações.
20ElmastudioEllen Bauer e Manuel Esposito criam temas minimalistas e humanos. O catálogo é uma boa fonte de tipografia, ritmo e layouts de publicação.
21PixelgradeTemas WordPress expressivos para revistas, restaurantes, fotógrafos e narrativas de marca. Observe o uso de imagens grandes e identidade editorial.
22Themes KingdomEstúdio com portfólios, lojas e blogs de direção visual marcante. Bom para estudar transições e composição sem cair em templates corporativos previsíveis.
23HedwikPequeno estúdio de temas Ghost com apresentação sofisticada e foco em publicações. Uma referência menos óbvia para revistas digitais.
24ThemeZeeTemas WordPress voltados a blogs e revistas. Útil para observar estruturas editoriais práticas e adaptáveis a muitos volumes de conteúdo.
25Estudio PatagonCria temas para WordPress e Ghost, geralmente com personalidade forte, ilustração, cor e nichos como tecnologia e cultura.
26FuekoUm dos autores mais consistentes de temas Ghost. Cada tema explora uma voz editorial diferente sem perder cuidado com leitura e performance.
27Bright ThemesTemas Ghost usados por publicações reais, com ótimo repertório de newsletters, revistas, blogs e sites de membros.
28Aspire ThemesEstúdio de Ahmad Ajmi com temas Ghost para newsletters, podcasts, portfólios e notícias. As demonstrações e showcases mostram aplicações reais.
29Iris ThemesTemas Ghost contemporâneos com bom equilíbrio entre fotografia, texto e recursos comerciais da plataforma.
30Electron ThemesCatálogo variado para Ghost, incluindo publicações, documentação e sites de tecnologia. Bom para comparar estruturas dentro da mesma plataforma.

Hugo, Jekyll e Astro: temas para a web estática

Esses projetos permitem estudar o código completo, os tokens e a arquitetura. São particularmente valiosos para inspiração porque não escondem o resultado atrás de um construtor proprietário.

#Criador ou projetoO que vale explorar
31Blowfish, de Nuno CoraçãoTema Hugo muito personalizável, com vários layouts, esquemas de cor, componentes e documentação visual excelente.
32Stack, de Cai JimmyTema Hugo com cartões editoriais, navegação lateral e cuidado com imagens. Uma boa ponte entre blog pessoal e publicação moderna.
33PaperMod, de Aditya TelangeMinimalismo rápido e funcional. Ótimo para estudar como poucos elementos, bons estados e tipografia legível sustentam um tema popular.
34Terminal, de panrLinguagem inspirada em terminais, com cor e tipografia monoespaçada usadas como identidade completa, não como adereço.
35Hextra, de imfingTema Hugo para documentação e blogs, com componentes, dark mode e acabamento muito limpo. Excelente exemplo de documentação bonita.
36Hugo Coder, de Luiz De PráPortfólio e blog minimalistas, fáceis de compreender e modificar. Bom ponto de partida para identidade pessoal.
37Hugo Book, de Alex ShpakTema de documentação que lembra um livro navegável. Vale estudar sua densidade, árvore de conteúdo e uso econômico de cor.
38Minimal Mistakes, de Michael RoseUm dos temas Jekyll mais maduros, com muitas variações. Serve como repertório de layouts editoriais, taxonomias e documentação.
39Beautiful Jekyll, de Dean AttaliTema acessível a iniciantes, com resultado claro e profissional. Mostra como convenções simples podem continuar elegantes.
40Chirpy, de Cotes ChungTema Jekyll com navegação lateral, categorias, busca e aparência de aplicativo editorial. Muito útil para blogs técnicos.
41Hydejack, de Florian KlampferTema Jekyll com transições, capas e tipografia de forte personalidade. Uma referência para sites pessoais mais cinematográficos.
42Just the DocsProjeto comunitário focado em documentação. O interesse está na clareza, navegação e consistência dos componentes.
43AstroPaper, de Sat NaingBlog Astro enxuto, acessível e agradável. Excelente para estudar tema claro/escuro, foco e leitura sem distrações.
44AstroWind, da onWidgetTemplate Astro completo com landing pages, blogs e componentes. Útil como laboratório de blocos bem compostos.
45Astro Cactus, de Chris WilliamsTema pessoal com excelente tipografia e aparência acolhedora. Mostra como detalhes pequenos criam caráter sem prejudicar velocidade.
46Fuwari, de saicacaTema Astro de estética suave, cartões translúcidos e ilustrações. Vale observar como uma direção visual delicada atravessa todo o sistema.
47Astro Sphere, de Mark HornPortfólio moderno com composição espacial, projetos em destaque e dark mode bem resolvido.
48Dante, da Just Good UITema Astro editorial, minimalista e expressivo. Bom repertório para escritores e criadores que desejam uma presença elegante.
49Vitesse, de Anthony FuStarter Vue/Vite que se tornou referência estética e técnica. Demonstra como preferências de ferramenta também podem formar uma identidade.
50Archie, de AthulTema Hugo simples, retrô e monoespaçado. Um exemplo de personalidade obtida com pouquíssimos recursos.

Obsidian: temas que transformam um aplicativo inteiro

Temas de Obsidian são ótimos para estudar design systems reais: precisam cobrir texto, tabelas, gráficos, painéis, abas, menus, plugins e dezenas de estados sem perder coerência.

#Criador ou temaO que vale explorar
51Minimal, de Steph AngoUm dos temas mais influentes do Obsidian. Sua documentação, configurações e Minimal Theme Settings formam um sistema completo e disciplinado.
52AnuPpuccin, de AnubisNekhetTema altamente configurável inspirado em Catppuccin, com snippets e estilos que permitem resultados muito diferentes.
53Things, de Colin EckertInterpretação cuidadosa da estética do Things para o Obsidian. Excelente estudo de adaptação entre produtos.
54Blue Topaz, da comunidade PKM-erTema grande, visualmente rico e cheio de opções. Bom para investigar até onde CSS e snippets podem transformar o aplicativo.
55Border, de AkifyssInterface moderna, modular e detalhada, com forte atenção a painéis, bordas, espaçamento e personalização.
56Shimmering Focus, de Christian GrieserTema que privilegia foco e escrita, com decisões opinativas de tipografia e redução de ruído.
57ITS Theme, de SlRvbMuito usado em worldbuilding e RPG, com callouts, infoboxes, mapas e estilos especializados. Mostra como um tema pode servir a uma comunidade específica.
58Primary, de Cecilia MayTema colorido e amigável, com personalidade forte sem sacrificar organização.
59Sanctum, de jdanielmouraoEstética serena e concentrada. Uma referência para interfaces de escrita que parecem espaços, não ferramentas corporativas.
60Prism, de Damian KorczTema visualmente polido e configurável, com atenção a plugins e componentes internos.
61CyberGlow, de ArtexJayVisual cyberpunk com neon e alto contraste. Demonstra como assumir um estilo extremo de forma coerente.
62Encore, de CarbonatebTema contemporâneo, limpo e bem acabado, útil para estudar refinamento de detalhes e estados da interface.

VS Code, terminal e paletas multiplataforma

Esta seção reúne autores de temas que escaparam do editor original e viraram famílias visuais. É uma excelente fonte de paletas testadas em sintaxe, UI, contraste e uso prolongado.

#Criador ou famíliaO que vale explorar
63Night Owl, de Sarah DrasnerPaleta criada pensando em acessibilidade e trabalho noturno, com diferenciação clara de sintaxe.
64Cobalt2, de Wes BosAzul intenso, amarelo e tipografia expressiva. É um caso clássico de tema que virou parte da marca pessoal do autor.
65SynthWave '84, de Robb OwenNeon, brilho e nostalgia synthwave assumidos sem timidez. Excelente para estudar uma estética extrema e coerente.
66Winter is Coming, de John PapaTemas claro e escuro com contraste cuidadoso, inspirados em uma atmosfera fria e cinematográfica.
67Shades of Purple, de Ahmad AwaisRoxo saturado e sintaxe vibrante. Mostra como cor dominante pode funcionar quando os contrastes são controlados.
68Rainglow, de Dayle ReesGrande coleção de esquemas para editores. Ideal para comparar como a mesma estrutura pode receber personalidades cromáticas diferentes.
69Dracula, de Zeno Rocha e comunidadeUma paleta escura portada para centenas de aplicativos. Referência obrigatória de consistência multiplataforma.
70CatppuccinColetivo que mantém quatro sabores pastéis e inúmeras integrações. Vale estudar governança visual, tokens e documentação comunitária.
71Rosé PineFamília de paletas suaves com ports para muitos aplicativos. Tem voz poética e identidade visual excepcionalmente coerente.
72Nord, de Sven GrebSistema de cores ártico documentado e aplicado a editores, terminais e interfaces. Excelente estudo de nomenclatura e estrutura de paleta.
73Solarized, de Ethan SchoonoverPaleta científica e influente, criada para manter relações de contraste entre modos claro e escuro.
74Gruvbox, de Pavel PertsevCores retrô e quentes, muito portadas para editores e terminais. Uma alternativa humana às paletas frias mais comuns.
75Everforest, de sainnhePaleta verde e confortável, com variantes de contraste. Boa para estudar temas suaves sem perder legibilidade.
76Kanagawa, de rebelotTema inspirado em pinturas japonesas, com documentação e decisões cromáticas muito cuidadosas.
77Flexoki, de Steph AngoPaleta para prosa e código inspirada em tinta e papel. Oferece modos claro e escuro e arquivos para diversos usos.
78Tokyo Night, de enkiaAzuis noturnos e acentos luminosos inspirados na cidade. Tornou-se uma família portada para muitos ambientes.
79Vitesse Theme, de Anthony FuTemas claro e escuro minimalistas, com integração ao gosto visual do ecossistema Vitesse.
80Aura Theme, de Dalton MenezesFamília brasileira de temas com roxos profundos e ports para várias ferramentas. Ótima referência de marca open source.
81Andromeda, de Eliver LaraTema escuro e colorido para VS Code, criado por um autor que também trabalha com temas de desktop Linux.
82Base16, de Chris KempsonArquitetura para construir e distribuir esquemas usando um conjunto previsível de cores. Mais que uma paleta, é um formato de ecossistema.

Linux, KDE, GTK, ícones e cursores

Esses criadores mostram como uma linguagem visual precisa atravessar janelas, controles, ícones, cursores e aplicativos diferentes. Para Fedora KDE, confirme se cada pacote oferece versão Plasma, GTK ou ambas.

#Criador ou projetoO que vale explorar
83VinceliuiceAutor extremamente produtivo de temas GTK, KDE, ícones e cursores como WhiteSur, Orchis, Graphite, Colloid e Fluent.
84Eliver LaraCriador de Nordic, Sweet, Andromeda e outras famílias para desktops e editores. Excelente exemplo de identidade atravessando ambientes.
85Papirus Development TeamMantém uma das famílias de ícones mais completas para Linux, além de integrações e variantes cromáticas.
86Catppuccin para GTKAplicação da paleta Catppuccin ao desktop. O repositório também ajuda a encontrar ports e compreender os limites de manutenção de temas GTK.
87Dracula para GTKPorta o sistema Dracula para aplicativos Linux, reforçando como tokens compartilhados criam continuidade entre editor, terminal e desktop.
88B00merang ProjectRecria estilos clássicos de Windows, macOS e outros sistemas para Linux. É um arquivo fascinante de arqueologia visual.
89Bibata Cursor, de ful1e5Família moderna de cursores open source com diversas cores. Um lembrete de que identidade também vive nos menores elementos.
90Volantes Cursors, de varleshCursores elegantes e distintos, úteis para completar setups que não querem usar o ponteiro padrão.
91Materia, de nana-4Tema Material Design historicamente importante para GTK. Ainda serve como estudo de consistência e implementação extensa.
92Daniel RuizAutor de Flat Remix GTK, GNOME e ícones, com cores marcantes e uma família visual completa para Linux.

Componentes web e laboratórios de interface

Nem todos são “temas” completos. São oficinas abertas de componentes, motion e composição. Use-os para estudar possibilidades e depois adapte cor, tipografia e ritmo à sua própria marca.

#Criador ou projetoO que vale explorar
93shadcn/uiComponentes distribuídos como código que você possui e modifica. A lição principal é criar uma base coerente sem ficar preso a uma biblioteca opaca.
94Magic UIComponentes animados e blocos para interfaces expressivas. Útil para motion e efeitos, desde que usados com intenção.
95Aceternity UI, de Manu AroraGrande repertório de componentes visuais, fundos, cards e interações. Ótimo para descobrir técnicas, mas evite combinar todos os efeitos na mesma página.
96HyperUI, de Mark MeadComponentes gratuitos em Tailwind com exemplos diretos e fáceis de adaptar. Bom para estudar composição sem dependência pesada.
97daisyUI, de Pouya SaadeghiSistema de componentes e temas sobre Tailwind. A variedade de temas permite comparar paletas aplicadas à mesma estrutura.
98FlowbiteBiblioteca ampla de componentes Tailwind, blocos e templates. Útil como catálogo funcional e referência de estados.
99Preline UIComponentes e exemplos Tailwind com boa documentação, dashboards e padrões de aplicação.
100Park UIComponentes elegantes construídos sobre Ark UI e Panda CSS. Uma referência de tokens, variantes e composição.
101Ark UIComponentes headless acessíveis para vários frameworks. Permite estudar comportamento separado da aparência.
102Radix ThemesSistema visual construído sobre primitivas acessíveis, com tokens, escalas e componentes de acabamento consistente.
103TremorComponentes para dashboards, métricas e visualização de dados. Bom antídoto para gráficos e cartões administrativos sem hierarquia.
104Float UIComponentes e templates gratuitos, especialmente úteis para landing pages e interfaces SaaS.
105Origin UIColeção de componentes React visualmente refinados, com muitas variações de controles e interações pequenas.
106Kokonut UIComponentes de aparência experimental e contemporânea para projetos React e Tailwind. Vale pelo acabamento e pelos detalhes de motion.
107Cult UI, da Nolly StudioComponentes de nicho, animações, texturas e padrões que vão além do kit SaaS convencional. Distribui o código para adaptação.
108Animate UIComponentes animados construídos para o ecossistema shadcn. Bom laboratório de movimento aplicado a controles reais.
109Motion Primitives, de IbelickPrimitivas de animação para React que ajudam a construir transições mais coerentes que efeitos isolados copiados ao acaso.
110UiverseComunidade que publica botões, loaders, toggles e outros componentes em HTML e CSS. A qualidade varia, mas o repertório é enorme.
111Codrops, de Mary Lou e colaboradoresUm dos melhores arquivos de experimentos de frontend, transições, tipografia, WebGL e interação. As demonstrações ensinam técnicas e conceito.
112CruipTemplates e blocos de landing pages com direção visual forte, especialmente úteis para estudar composição, hero sections e ritmo.

Paletas, geradores e sistemas de cor

Estas ferramentas não substituem direção de arte, mas ajudam a sair do hábito de escolher cinco cores arbitrárias. Algumas mostram aplicação em contexto; outras trabalham contraste, escalas ou geração algorítmica.

#Criador ou ferramentaO que vale explorar
113Color Hunt, de Gal ShirColeção comunitária de paletas simples. Boa para exploração rápida e para perceber combinações recorrentes.
114Coolors, de Fabrizio BianchiGerador, explorador, extrator de imagens e verificador de contraste. Um canivete suíço para trabalhar cor.
115Happy Hues, de Mackenzie ChildPaletas mostradas em páginas reais, com indicação de onde cada cor é usada. Muito mais didático que observar amostras isoladas.
116Open Color, de YeunPaleta open source com escalas previsíveis, adequada a UI e prototipagem.
117Reasonable Colors, de Matthew HowellSistema de cores acessíveis organizado em etapas. Excelente para construir temas que precisam de contraste consistente.
118Radix ColorsEscalas desenhadas para interfaces claras e escuras, com estados e transparências. Uma referência técnica muito sólida.
119HSLuv, de Alexei BoronineEspaço de cor pensado para manter luminosidade perceptiva mais uniforme. Útil para gerar variações que pareçam equilibradas.
120Leonardo, da AdobeFerramenta open source para criar paletas adaptativas baseadas em relações de contraste.
121ColorBox, da Lyft DesignGerador de escalas de cor controlado por curvas. Bom para transformar poucas cores de marca em um sistema utilizável.
122HuemintGera paletas e as apresenta em contextos como websites, ilustrações e identidades. Útil para exploração, não como decisão final automática.
123Realtime Colors, de JuxtopposedPermite experimentar texto, fundo, cores primária, secundária e de destaque diretamente em uma página de exemplo.
124ColorMagicGera paletas a partir de palavras e ideias. Bom para ampliar um moodboard verbal, desde que o resultado seja depois revisado.
125Accessible PaletteAjuda a construir paletas com relações previsíveis de contraste, especialmente úteis para sistemas de interface.

Ícones, fontes e matéria-prima visual

Uma interface perde identidade quando mistura ícones incompatíveis e usa a primeira fonte disponível. Estes autores e coletivos disponibilizam matéria visual que pode sustentar um tema inteiro.

#Criador ou projetoO que vale explorar
126Tabler Icons, de Paweł KunaColeção enorme e consistente de ícones outline. O site permite ajustar traço, tamanho e cor para compreender o sistema.
127Phosphor Icons, de Helena Zhang e Tobias FriedFamília flexível com vários pesos, do fino ao preenchido. Ótima para criar hierarquia sem misturar coleções.
128LucideContinuação comunitária do Feather com grande catálogo, boa documentação e integrações para diversos frameworks.
129Iconoir, de Luca BurgioBiblioteca open source de ícones de traço com personalidade própria e cobertura ampla.
130Feather, de Cole BemisColeção minimalista que influenciou inúmeras bibliotecas posteriores. Excelente estudo de consistência formal.
131Remix IconGrande família de ícones para interfaces, com pares lineares e preenchidos que facilitam estados ativos.
132Fontshare, da Indian Type FoundryFontes de alta qualidade disponibilizadas gratuitamente sob termos próprios. Excelente lugar para abandonar combinações tipográficas previsíveis.
133Velvetyne Type FoundryColetivo francês de fontes livres, experimentais e cheias de personalidade. Ótimo para projetos editoriais e culturais.
134CollletttivoFoundry colaborativa que distribui fontes não convencionais. Vale acompanhar pelo risco visual e pela variedade.
135Open FoundryPlataforma curada de fontes open source, com pré-visualização direta e foco em ampliar o repertório tipográfico livre.

Como usar esta lista sem simplesmente copiar

Monte uma matriz de referências

Escolha uma referência de cada camada:

CamadaPerguntaExemplo
AtmosferaQue sensação o projeto deve transmitir?Rosé Pine, Nord ou Flexoki
EstruturaComo o conteúdo é organizado?Egg Design, Stack ou AstroPaper
TipografiaQual é o ritmo de leitura?Anders Norén, Dante ou Velvetyne
ComponentesComo controles e estados se comportam?Radix, Park UI ou Origin UI
MovimentoOnde a interface responde e por quê?Codrops, Motion Primitives ou Animate UI
ÍconesQual linguagem de traço combina com a marca?Phosphor, Tabler ou Iconoir

Não escolha cinco referências que resolvem a mesma camada. Uma combinação produtiva seria: estrutura de AstroPaper, calor cromático de Flexoki, tipografia experimental da Velvetyne, comportamento do Radix e motion estudado no Codrops.

Extraia decisões, não aparências inteiras

Ao salvar uma referência, anote exatamente o que interessa:

  • relação entre título, corpo e metadados;
  • largura das colunas e densidade;
  • uso de bordas, sombras e raios;
  • proporção e tratamento de imagens;
  • escala de cor e contraste;
  • comportamento no teclado e no celular;
  • velocidade e função das animações;
  • elementos que tornam a identidade reconhecível.

“Gostei deste site” é uma anotação fraca. “Gostei de como a navegação secundária fica dentro de uma janela e não compete com os posts” já é uma decisão que pode ser reinterpretada.

Preserve crédito e licença

Temas Tumblr frequentemente permitem alterações pessoais, mas proíbem remover créditos, redistribuir o código ou usá-lo como base para outro tema publicado. Fontes gratuitas podem ter regras diferentes para desktop, web e uso comercial. Componentes open source também variam entre MIT, Apache, GPL e outras licenças. Consulte sempre os termos do item específico.

Rotas rápidas por objetivo

Quero um site pessoal estranho e memorável

Comece por Egg Design, Themes by Pale, Terminal, Fuwari, CyberGlow, Cult UI, Codrops e Velvetyne. Escolha somente uma ou duas ideias fortes; excesso de efeitos costuma apagar a identidade.

Quero um blog bonito e confortável

Compare Anders Norén, Fueko, Stack, Astro Cactus, AstroPaper, Dante, Flexoki e Fontshare. Observe principalmente largura de leitura, ritmo vertical, títulos, notas laterais e imagens.

Quero tematizar todo o meu computador

Escolha primeiro uma família multiplataforma: Catppuccin, Dracula, Nord, Rosé Pine, Gruvbox ou Tokyo Night. Depois procure os ports para terminal, editor, Obsidian, navegador, GTK e KDE. Use Papirus, Bibata ou Volantes para completar ícones e cursores.

Quero criar um design system

Estude Reasonable Colors, Radix Colors, ColorBox, Phosphor, Ark UI, Park UI e shadcn/ui. Acrescente Brand.md ou documentação própria com tokens, regras, anti-padrões e exemplos de composição.

Recomendações práticas

Crie uma pasta ou painel de referências com quatro estados:

  1. descoberto: algo chamou atenção, mas ainda não foi analisado;
  2. dissecado: foram registradas as decisões que tornam o trabalho bom;
  3. adaptável: a ideia combina com seu projeto e com a licença;
  4. usado: a influência foi aplicada e documentada.

Salve screenshots com o nome do autor e a URL. Registre também a data, pois sites, demos e temas podem desaparecer. Quando houver repositório, prefira guardar o link do código e a licença, não uma cópia sem procedência.

Para inspiração frequente, acompanhe primeiro 15 a 20 nomes, não os 135 de uma vez. Uma seleção inicial equilibrada seria Egg Design, Seyche, Anders Norén, Fueko, Blowfish, AstroPaper, Minimal, Border, Catppuccin, Flexoki, Vinceliuice, Aceternity UI, Cult UI, Codrops, Happy Hues, Reasonable Colors, Tabler Icons, Phosphor e Velvetyne.

Conclusão

Existem comunidades inteiras de criadores fazendo para outras plataformas o que a Egg Design faz no Tumblr: transformar uma ferramenta genérica em um espaço pessoal. Os lugares mais férteis para descobrir esse tipo de trabalho são temas de blogs, geradores estáticos, Obsidian, famílias de paletas multiplataforma e laboratórios de componentes open source.

O melhor uso desta lista não é instalar tudo nem reproduzir um site inteiro. É aprender a reconhecer decisões: como um autor organiza conteúdo, constrói uma paleta, escolhe tipos, cria movimento e mantém coerência em dezenas de estados. Quando essas decisões são combinadas com seu próprio conteúdo e gosto, a inspiração deixa de ser cópia e passa a ser linguagem.

Fontes consultadas


Nota sobre atualidade

Pesquisa concluída em 23 de julho de 2026. Disponibilidade, atividade, compatibilidade, preços e licenças podem mudar. Verifique os termos e a documentação do criador antes de instalar, modificar, redistribuir ou usar um recurso comercialmente.

Did this resonate?

Related documents