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:
- autoria reconhecível, em vez de aparência produzida por catálogo;
- algo utilizável, como tema, código, paleta, componente ou arquivo;
- possibilidade de transformação, sem depender somente de screenshots;
- documentação ou aprendizado, incluindo tutoriais e decisões visíveis;
- 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 projeto | O que vale explorar |
|---|---|---|
| 1 | Egg Design | Temas gratuitos, páginas de perfil, tutoriais, componentes CSS e um construtor visual. Excelente referência para interfaces lúdicas e altamente personalizáveis. |
| 2 | Seyche Themes | Temas minimalistas e editoriais com tipografia cuidadosa, boa hierarquia e opções suficientes para produzir blogs muito diferentes entre si. |
| 3 | Glenthemes | Páginas e temas com composição delicada, navegação experimental, efeitos e forte identidade de fandom e diário pessoal. |
| 4 | Odeysseus | Layouts detalhados, páginas de personagem e soluções de navegação que mostram como organizar muita informação sem perder personalidade. |
| 5 | Sorrism | Temas limpos e códigos de página úteis para estudar equilíbrio entre conteúdo, espaços, metadados e pequenos detalhes interativos. |
| 6 | Pohroro | Um 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. |
| 7 | Xue Themes | Temas e páginas com aparência refinada e diversas configurações. Bom repertório de blogs pessoais, portfólios e páginas auxiliares. |
| 8 | Magnus Themes | Temas gratuitos e recursos com composições precisas, menus compactos e soluções que aproveitam bem espaços pequenos. |
| 9 | Phantom Codes | Códigos para temas, páginas e elementos de interface. Útil para desmontar soluções Tumblr e entender como cada detalhe foi construído. |
| 10 | ShyThemes | Temas de aparência suave e pessoal, com atenção a tipografia, barras laterais e apresentação de posts. |
| 11 | Octomoosey | Temas, páginas e recursos de código com soluções inventivas para navegação, filtros e organização de conteúdo. |
| 12 | Neon Bike Themes | Combina minimalismo, cores marcantes e layouts responsivos. Boa referência para quem quer fugir do Tumblr excessivamente ornamentado sem cair no genérico. |
| 13 | Acuite | Temas e páginas com acabamento editorial e estruturas úteis para portfólios, personagens e arquivos. |
| 14 | Syntax Themes | Temas gratuitos de Scalar, com catálogo, recomendações de outros autores e registros do processo de aprender técnicas novas de CSS. |
| 15 | Themes by Pale | Temas 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údio | O que vale explorar |
|---|---|---|
| 16 | Anders Norén | Manté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. |
| 17 | Rich Tabor | Designer e desenvolvedor ligado ao ecossistema de blocos do WordPress. Vale acompanhar seus temas, experimentos e ideias sobre edição visual nativa. |
| 18 | Carolina Nymark | Referência em Full Site Editing. Disponibiliza aprendizado, exemplos e recursos para criar temas de blocos sem tratar o editor como simples page builder. |
| 19 | Anariel Design | Estúdio independente conhecido por temas calorosos, editoriais e orientados a conteúdo, especialmente para culinária, lifestyle e organizações. |
| 20 | Elmastudio | Ellen Bauer e Manuel Esposito criam temas minimalistas e humanos. O catálogo é uma boa fonte de tipografia, ritmo e layouts de publicação. |
| 21 | Pixelgrade | Temas WordPress expressivos para revistas, restaurantes, fotógrafos e narrativas de marca. Observe o uso de imagens grandes e identidade editorial. |
| 22 | Themes Kingdom | Estú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. |
| 23 | Hedwik | Pequeno estúdio de temas Ghost com apresentação sofisticada e foco em publicações. Uma referência menos óbvia para revistas digitais. |
| 24 | ThemeZee | Temas WordPress voltados a blogs e revistas. Útil para observar estruturas editoriais práticas e adaptáveis a muitos volumes de conteúdo. |
| 25 | Estudio Patagon | Cria temas para WordPress e Ghost, geralmente com personalidade forte, ilustração, cor e nichos como tecnologia e cultura. |
| 26 | Fueko | Um dos autores mais consistentes de temas Ghost. Cada tema explora uma voz editorial diferente sem perder cuidado com leitura e performance. |
| 27 | Bright Themes | Temas Ghost usados por publicações reais, com ótimo repertório de newsletters, revistas, blogs e sites de membros. |
| 28 | Aspire Themes | Estúdio de Ahmad Ajmi com temas Ghost para newsletters, podcasts, portfólios e notícias. As demonstrações e showcases mostram aplicações reais. |
| 29 | Iris Themes | Temas Ghost contemporâneos com bom equilíbrio entre fotografia, texto e recursos comerciais da plataforma. |
| 30 | Electron Themes | Catá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 projeto | O que vale explorar |
|---|---|---|
| 31 | Blowfish, de Nuno Coração | Tema Hugo muito personalizável, com vários layouts, esquemas de cor, componentes e documentação visual excelente. |
| 32 | Stack, de Cai Jimmy | Tema Hugo com cartões editoriais, navegação lateral e cuidado com imagens. Uma boa ponte entre blog pessoal e publicação moderna. |
| 33 | PaperMod, de Aditya Telange | Minimalismo rápido e funcional. Ótimo para estudar como poucos elementos, bons estados e tipografia legível sustentam um tema popular. |
| 34 | Terminal, de panr | Linguagem inspirada em terminais, com cor e tipografia monoespaçada usadas como identidade completa, não como adereço. |
| 35 | Hextra, de imfing | Tema Hugo para documentação e blogs, com componentes, dark mode e acabamento muito limpo. Excelente exemplo de documentação bonita. |
| 36 | Hugo Coder, de Luiz De Prá | Portfólio e blog minimalistas, fáceis de compreender e modificar. Bom ponto de partida para identidade pessoal. |
| 37 | Hugo Book, de Alex Shpak | Tema de documentação que lembra um livro navegável. Vale estudar sua densidade, árvore de conteúdo e uso econômico de cor. |
| 38 | Minimal Mistakes, de Michael Rose | Um dos temas Jekyll mais maduros, com muitas variações. Serve como repertório de layouts editoriais, taxonomias e documentação. |
| 39 | Beautiful Jekyll, de Dean Attali | Tema acessível a iniciantes, com resultado claro e profissional. Mostra como convenções simples podem continuar elegantes. |
| 40 | Chirpy, de Cotes Chung | Tema Jekyll com navegação lateral, categorias, busca e aparência de aplicativo editorial. Muito útil para blogs técnicos. |
| 41 | Hydejack, de Florian Klampfer | Tema Jekyll com transições, capas e tipografia de forte personalidade. Uma referência para sites pessoais mais cinematográficos. |
| 42 | Just the Docs | Projeto comunitário focado em documentação. O interesse está na clareza, navegação e consistência dos componentes. |
| 43 | AstroPaper, de Sat Naing | Blog Astro enxuto, acessível e agradável. Excelente para estudar tema claro/escuro, foco e leitura sem distrações. |
| 44 | AstroWind, da onWidget | Template Astro completo com landing pages, blogs e componentes. Útil como laboratório de blocos bem compostos. |
| 45 | Astro Cactus, de Chris Williams | Tema pessoal com excelente tipografia e aparência acolhedora. Mostra como detalhes pequenos criam caráter sem prejudicar velocidade. |
| 46 | Fuwari, de saicaca | Tema Astro de estética suave, cartões translúcidos e ilustrações. Vale observar como uma direção visual delicada atravessa todo o sistema. |
| 47 | Astro Sphere, de Mark Horn | Portfólio moderno com composição espacial, projetos em destaque e dark mode bem resolvido. |
| 48 | Dante, da Just Good UI | Tema Astro editorial, minimalista e expressivo. Bom repertório para escritores e criadores que desejam uma presença elegante. |
| 49 | Vitesse, de Anthony Fu | Starter Vue/Vite que se tornou referência estética e técnica. Demonstra como preferências de ferramenta também podem formar uma identidade. |
| 50 | Archie, de Athul | Tema 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 tema | O que vale explorar |
|---|---|---|
| 51 | Minimal, de Steph Ango | Um dos temas mais influentes do Obsidian. Sua documentação, configurações e Minimal Theme Settings formam um sistema completo e disciplinado. |
| 52 | AnuPpuccin, de AnubisNekhet | Tema altamente configurável inspirado em Catppuccin, com snippets e estilos que permitem resultados muito diferentes. |
| 53 | Things, de Colin Eckert | Interpretação cuidadosa da estética do Things para o Obsidian. Excelente estudo de adaptação entre produtos. |
| 54 | Blue Topaz, da comunidade PKM-er | Tema grande, visualmente rico e cheio de opções. Bom para investigar até onde CSS e snippets podem transformar o aplicativo. |
| 55 | Border, de Akifyss | Interface moderna, modular e detalhada, com forte atenção a painéis, bordas, espaçamento e personalização. |
| 56 | Shimmering Focus, de Christian Grieser | Tema que privilegia foco e escrita, com decisões opinativas de tipografia e redução de ruído. |
| 57 | ITS Theme, de SlRvb | Muito usado em worldbuilding e RPG, com callouts, infoboxes, mapas e estilos especializados. Mostra como um tema pode servir a uma comunidade específica. |
| 58 | Primary, de Cecilia May | Tema colorido e amigável, com personalidade forte sem sacrificar organização. |
| 59 | Sanctum, de jdanielmourao | Estética serena e concentrada. Uma referência para interfaces de escrita que parecem espaços, não ferramentas corporativas. |
| 60 | Prism, de Damian Korcz | Tema visualmente polido e configurável, com atenção a plugins e componentes internos. |
| 61 | CyberGlow, de ArtexJay | Visual cyberpunk com neon e alto contraste. Demonstra como assumir um estilo extremo de forma coerente. |
| 62 | Encore, de Carbonateb | Tema 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ília | O que vale explorar |
|---|---|---|
| 63 | Night Owl, de Sarah Drasner | Paleta criada pensando em acessibilidade e trabalho noturno, com diferenciação clara de sintaxe. |
| 64 | Cobalt2, de Wes Bos | Azul intenso, amarelo e tipografia expressiva. É um caso clássico de tema que virou parte da marca pessoal do autor. |
| 65 | SynthWave '84, de Robb Owen | Neon, brilho e nostalgia synthwave assumidos sem timidez. Excelente para estudar uma estética extrema e coerente. |
| 66 | Winter is Coming, de John Papa | Temas claro e escuro com contraste cuidadoso, inspirados em uma atmosfera fria e cinematográfica. |
| 67 | Shades of Purple, de Ahmad Awais | Roxo saturado e sintaxe vibrante. Mostra como cor dominante pode funcionar quando os contrastes são controlados. |
| 68 | Rainglow, de Dayle Rees | Grande coleção de esquemas para editores. Ideal para comparar como a mesma estrutura pode receber personalidades cromáticas diferentes. |
| 69 | Dracula, de Zeno Rocha e comunidade | Uma paleta escura portada para centenas de aplicativos. Referência obrigatória de consistência multiplataforma. |
| 70 | Catppuccin | Coletivo que mantém quatro sabores pastéis e inúmeras integrações. Vale estudar governança visual, tokens e documentação comunitária. |
| 71 | Rosé Pine | Família de paletas suaves com ports para muitos aplicativos. Tem voz poética e identidade visual excepcionalmente coerente. |
| 72 | Nord, de Sven Greb | Sistema de cores ártico documentado e aplicado a editores, terminais e interfaces. Excelente estudo de nomenclatura e estrutura de paleta. |
| 73 | Solarized, de Ethan Schoonover | Paleta científica e influente, criada para manter relações de contraste entre modos claro e escuro. |
| 74 | Gruvbox, de Pavel Pertsev | Cores retrô e quentes, muito portadas para editores e terminais. Uma alternativa humana às paletas frias mais comuns. |
| 75 | Everforest, de sainnhe | Paleta verde e confortável, com variantes de contraste. Boa para estudar temas suaves sem perder legibilidade. |
| 76 | Kanagawa, de rebelot | Tema inspirado em pinturas japonesas, com documentação e decisões cromáticas muito cuidadosas. |
| 77 | Flexoki, de Steph Ango | Paleta para prosa e código inspirada em tinta e papel. Oferece modos claro e escuro e arquivos para diversos usos. |
| 78 | Tokyo Night, de enkia | Azuis noturnos e acentos luminosos inspirados na cidade. Tornou-se uma família portada para muitos ambientes. |
| 79 | Vitesse Theme, de Anthony Fu | Temas claro e escuro minimalistas, com integração ao gosto visual do ecossistema Vitesse. |
| 80 | Aura Theme, de Dalton Menezes | Família brasileira de temas com roxos profundos e ports para várias ferramentas. Ótima referência de marca open source. |
| 81 | Andromeda, de Eliver Lara | Tema escuro e colorido para VS Code, criado por um autor que também trabalha com temas de desktop Linux. |
| 82 | Base16, de Chris Kempson | Arquitetura 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 projeto | O que vale explorar |
|---|---|---|
| 83 | Vinceliuice | Autor extremamente produtivo de temas GTK, KDE, ícones e cursores como WhiteSur, Orchis, Graphite, Colloid e Fluent. |
| 84 | Eliver Lara | Criador de Nordic, Sweet, Andromeda e outras famílias para desktops e editores. Excelente exemplo de identidade atravessando ambientes. |
| 85 | Papirus Development Team | Mantém uma das famílias de ícones mais completas para Linux, além de integrações e variantes cromáticas. |
| 86 | Catppuccin para GTK | Aplicaçã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. |
| 87 | Dracula para GTK | Porta o sistema Dracula para aplicativos Linux, reforçando como tokens compartilhados criam continuidade entre editor, terminal e desktop. |
| 88 | B00merang Project | Recria estilos clássicos de Windows, macOS e outros sistemas para Linux. É um arquivo fascinante de arqueologia visual. |
| 89 | Bibata Cursor, de ful1e5 | Família moderna de cursores open source com diversas cores. Um lembrete de que identidade também vive nos menores elementos. |
| 90 | Volantes Cursors, de varlesh | Cursores elegantes e distintos, úteis para completar setups que não querem usar o ponteiro padrão. |
| 91 | Materia, de nana-4 | Tema Material Design historicamente importante para GTK. Ainda serve como estudo de consistência e implementação extensa. |
| 92 | Daniel Ruiz | Autor 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 projeto | O que vale explorar |
|---|---|---|
| 93 | shadcn/ui | Componentes 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. |
| 94 | Magic UI | Componentes animados e blocos para interfaces expressivas. Útil para motion e efeitos, desde que usados com intenção. |
| 95 | Aceternity UI, de Manu Arora | Grande 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. |
| 96 | HyperUI, de Mark Mead | Componentes gratuitos em Tailwind com exemplos diretos e fáceis de adaptar. Bom para estudar composição sem dependência pesada. |
| 97 | daisyUI, de Pouya Saadeghi | Sistema de componentes e temas sobre Tailwind. A variedade de temas permite comparar paletas aplicadas à mesma estrutura. |
| 98 | Flowbite | Biblioteca ampla de componentes Tailwind, blocos e templates. Útil como catálogo funcional e referência de estados. |
| 99 | Preline UI | Componentes e exemplos Tailwind com boa documentação, dashboards e padrões de aplicação. |
| 100 | Park UI | Componentes elegantes construídos sobre Ark UI e Panda CSS. Uma referência de tokens, variantes e composição. |
| 101 | Ark UI | Componentes headless acessíveis para vários frameworks. Permite estudar comportamento separado da aparência. |
| 102 | Radix Themes | Sistema visual construído sobre primitivas acessíveis, com tokens, escalas e componentes de acabamento consistente. |
| 103 | Tremor | Componentes para dashboards, métricas e visualização de dados. Bom antídoto para gráficos e cartões administrativos sem hierarquia. |
| 104 | Float UI | Componentes e templates gratuitos, especialmente úteis para landing pages e interfaces SaaS. |
| 105 | Origin UI | Coleção de componentes React visualmente refinados, com muitas variações de controles e interações pequenas. |
| 106 | Kokonut UI | Componentes de aparência experimental e contemporânea para projetos React e Tailwind. Vale pelo acabamento e pelos detalhes de motion. |
| 107 | Cult UI, da Nolly Studio | Componentes de nicho, animações, texturas e padrões que vão além do kit SaaS convencional. Distribui o código para adaptação. |
| 108 | Animate UI | Componentes animados construídos para o ecossistema shadcn. Bom laboratório de movimento aplicado a controles reais. |
| 109 | Motion Primitives, de Ibelick | Primitivas de animação para React que ajudam a construir transições mais coerentes que efeitos isolados copiados ao acaso. |
| 110 | Uiverse | Comunidade que publica botões, loaders, toggles e outros componentes em HTML e CSS. A qualidade varia, mas o repertório é enorme. |
| 111 | Codrops, de Mary Lou e colaboradores | Um dos melhores arquivos de experimentos de frontend, transições, tipografia, WebGL e interação. As demonstrações ensinam técnicas e conceito. |
| 112 | Cruip | Templates 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 ferramenta | O que vale explorar |
|---|---|---|
| 113 | Color Hunt, de Gal Shir | Coleção comunitária de paletas simples. Boa para exploração rápida e para perceber combinações recorrentes. |
| 114 | Coolors, de Fabrizio Bianchi | Gerador, explorador, extrator de imagens e verificador de contraste. Um canivete suíço para trabalhar cor. |
| 115 | Happy Hues, de Mackenzie Child | Paletas mostradas em páginas reais, com indicação de onde cada cor é usada. Muito mais didático que observar amostras isoladas. |
| 116 | Open Color, de Yeun | Paleta open source com escalas previsíveis, adequada a UI e prototipagem. |
| 117 | Reasonable Colors, de Matthew Howell | Sistema de cores acessíveis organizado em etapas. Excelente para construir temas que precisam de contraste consistente. |
| 118 | Radix Colors | Escalas desenhadas para interfaces claras e escuras, com estados e transparências. Uma referência técnica muito sólida. |
| 119 | HSLuv, de Alexei Boronine | Espaço de cor pensado para manter luminosidade perceptiva mais uniforme. Útil para gerar variações que pareçam equilibradas. |
| 120 | Leonardo, da Adobe | Ferramenta open source para criar paletas adaptativas baseadas em relações de contraste. |
| 121 | ColorBox, da Lyft Design | Gerador de escalas de cor controlado por curvas. Bom para transformar poucas cores de marca em um sistema utilizável. |
| 122 | Huemint | Gera paletas e as apresenta em contextos como websites, ilustrações e identidades. Útil para exploração, não como decisão final automática. |
| 123 | Realtime Colors, de Juxtopposed | Permite experimentar texto, fundo, cores primária, secundária e de destaque diretamente em uma página de exemplo. |
| 124 | ColorMagic | Gera paletas a partir de palavras e ideias. Bom para ampliar um moodboard verbal, desde que o resultado seja depois revisado. |
| 125 | Accessible Palette | Ajuda 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 projeto | O que vale explorar |
|---|---|---|
| 126 | Tabler Icons, de Paweł Kuna | Coleção enorme e consistente de ícones outline. O site permite ajustar traço, tamanho e cor para compreender o sistema. |
| 127 | Phosphor Icons, de Helena Zhang e Tobias Fried | Família flexível com vários pesos, do fino ao preenchido. Ótima para criar hierarquia sem misturar coleções. |
| 128 | Lucide | Continuação comunitária do Feather com grande catálogo, boa documentação e integrações para diversos frameworks. |
| 129 | Iconoir, de Luca Burgio | Biblioteca open source de ícones de traço com personalidade própria e cobertura ampla. |
| 130 | Feather, de Cole Bemis | Coleção minimalista que influenciou inúmeras bibliotecas posteriores. Excelente estudo de consistência formal. |
| 131 | Remix Icon | Grande família de ícones para interfaces, com pares lineares e preenchidos que facilitam estados ativos. |
| 132 | Fontshare, da Indian Type Foundry | Fontes de alta qualidade disponibilizadas gratuitamente sob termos próprios. Excelente lugar para abandonar combinações tipográficas previsíveis. |
| 133 | Velvetyne Type Foundry | Coletivo francês de fontes livres, experimentais e cheias de personalidade. Ótimo para projetos editoriais e culturais. |
| 134 | Collletttivo | Foundry colaborativa que distribui fontes não convencionais. Vale acompanhar pelo risco visual e pela variedade. |
| 135 | Open Foundry | Plataforma 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:
| Camada | Pergunta | Exemplo |
|---|---|---|
| Atmosfera | Que sensação o projeto deve transmitir? | Rosé Pine, Nord ou Flexoki |
| Estrutura | Como o conteúdo é organizado? | Egg Design, Stack ou AstroPaper |
| Tipografia | Qual é o ritmo de leitura? | Anders Norén, Dante ou Velvetyne |
| Componentes | Como controles e estados se comportam? | Radix, Park UI ou Origin UI |
| Movimento | Onde a interface responde e por quê? | Codrops, Motion Primitives ou Animate UI |
| Ícones | Qual 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:
- descoberto: algo chamou atenção, mas ainda não foi analisado;
- dissecado: foram registradas as decisões que tornam o trabalho bom;
- adaptável: a ideia combina com seu projeto e com a licença;
- 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
- Egg Design — temas e recursos
- Egg Design — construtor de temas
- Tumblr Theme Submission Guidelines
- Tumblr Theme Directory
- Syntax Themes — criadores recomendados
- Temas WordPress gratuitos de Anders Norén
- Fueko — temas Ghost
- Diretório oficial de temas Ghost
- Galeria de temas Hugo
- Galeria de temas Astro
- Documentação de temas do Obsidian
- Marketplace de temas do Visual Studio Code
- Catppuccin
- Radix Colors
- Codrops
- Velvetyne Type Foundry
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
- 001
- 002
- 003
- 004
- 005