[{"data":1,"prerenderedAt":2271},["ShallowReactive",2],{"palette-projects":3,"palette-posts":177,"\u002Fblog\u002Fpaper-ui-historia-criacao":194,"\u002Fblog\u002Fpaper-ui-historia-criacao-surround":2268},[4,27,44,57,73,86,101,113,126,138,150,163],{"id":5,"title":6,"accent":7,"description":8,"device":9,"extension":10,"featured":11,"image":12,"kind":13,"meta":14,"repo":15,"stem":16,"tagline":17,"tags":18,"url":24,"year":25,"__hash__":26},"projects\u002Fprojects\u002F01.fluxxi.yml","Fluxxi","#0f766e","Comandas por mesa que enviam pedidos direto para cozinha e bar, estoque com alertas, fechamento de caixa por turno, equipe com comissões e relatórios em PDF. Um produto completo, com planos pagos e versão PWA para o celular.","desktop","yml",true,"\u002Fprojects\u002Ffluxxi.png","Produto",{},null,"projects\u002F01.fluxxi","SaaS de gestão para bares e restaurantes.",[19,20,21,22,23],"Nuxt","Nuxt UI","Supabase","Pinia","GSAP","https:\u002F\u002Fwww.fluxxi.com.br\u002F",2026,"_1Q9DQI2p5piM84tbn1QZM3GNYJ2sAsr-h1syMorkiQ",{"id":28,"title":29,"accent":30,"description":31,"device":9,"extension":10,"featured":11,"image":32,"kind":33,"meta":34,"repo":15,"stem":35,"tagline":36,"tags":37,"url":42,"year":25,"__hash__":43},"projects\u002Fprojects\u002F02.lifetour.yml","LifeTour","#f5b301","Jogo de tabuleiro inspirado no Business Tour, em Phaser 3 e WebGL. Motor de regras desacoplado da interface, bots com IA, modo online, editor de mapas e balanceamento validado com milhares de partidas simuladas.","\u002Fprojects\u002Flifetour.png","Pessoal",{},"projects\u002F02.lifetour","Board game de negócios isométrico, jogável no navegador.",[38,39,40,21,41],"Phaser 3","TypeScript","Vite","Vitest","https:\u002F\u002Flifetour-ivory.vercel.app\u002F","yLAYCM2fRZtFZ-zkolG0zvY-NpM_hsP-_G9xowC72MI",{"id":45,"title":46,"accent":47,"description":48,"device":9,"extension":10,"featured":11,"image":49,"kind":33,"meta":50,"repo":15,"stem":51,"tagline":52,"tags":53,"url":55,"year":25,"__hash__":56},"projects\u002Fprojects\u002F03.faictory.yml","Faictory","#facc15","Inspirado em Factorio. Minere recursos, monte cadeias de produção com esteiras, braços robóticos e máquinas, e explore uma ilha gerada proceduralmente. Renderização em three.js com HUD em Nuxt UI.","\u002Fprojects\u002Ffaictory.png",{},"projects\u002F03.faictory","Jogo 3D de automação industrial no navegador.",[19,54,20,39],"three.js","https:\u002F\u002Ffaictory.vercel.app\u002F","LxtgDr3OCa8rqhWUiwzYIi1vm7kX4iI9OWJEfoeVNts",{"id":58,"title":59,"accent":60,"description":61,"device":62,"extension":10,"featured":11,"image":63,"kind":33,"meta":64,"repo":15,"stem":65,"tagline":66,"tags":67,"url":71,"year":25,"__hash__":72},"projects\u002Fprojects\u002F04.myfin.yml","MyFin","#c6f16b","PWA instalável para controlar o dinheiro do dia a dia e as vendas a prazo, com parcelas, cobrança pelo WhatsApp e lembretes. Os dados ficam no aparelho e funcionam offline, com sincronização cifrada opcional.","mobile","\u002Fprojects\u002Fmyfin.png",{},"projects\u002F04.myfin","Finanças pessoais e vendas fiado, offline-first.",[68,39,69,70,41],"React","PWA","IndexedDB","https:\u002F\u002Fmyfin-wine.vercel.app\u002F","MnKq_n6lh7yoUZeI27pDEp0ziBT6nb62qi8W7SDudXU",{"id":74,"title":75,"accent":15,"description":76,"device":9,"extension":10,"featured":11,"image":77,"kind":78,"meta":79,"repo":15,"stem":80,"tagline":81,"tags":82,"url":84,"year":25,"__hash__":85},"projects\u002Fprojects\u002F05.imperiodabeleza.yml","Império da Beleza","Site com serviços e pacotes, agendamento com escolha de horário, área do cliente e programa de fidelidade. Painel admin com agenda, clientes, financeiro e promoções, e lembretes automáticos pelo WhatsApp.","\u002Fprojects\u002Fimperiodabeleza.png","Cliente",{},"projects\u002F05.imperiodabeleza","Agendamento online e gestão para salão de beleza.",[19,20,21,83],"WhatsApp API","https:\u002F\u002Fimperiodabeleza.vercel.app\u002F","dYH4YyKfMy-yjcJrhnW0kLPMoyHKGsgidRamwvyJE48",{"id":87,"title":88,"accent":15,"description":89,"device":9,"extension":10,"featured":11,"image":90,"kind":91,"meta":92,"repo":15,"stem":93,"tagline":94,"tags":95,"url":98,"year":99,"__hash__":100},"projects\u002Fprojects\u002F06.paper-ui.yml","Paper UI","Design system com estética de desenho à mão, em Vue 3 e Nuxt, com TypeScript e Tailwind CSS. Hoje na versão 2.0, com documentação própria.","\u002Fprojects\u002Fpaper-ui.png","Open source",{},"projects\u002F06.paper-ui","Biblioteca de componentes hand-drawn para Nuxt.",[19,96,39,97],"Design System","Tailwind","https:\u002F\u002Fpaper-docs.nuxt.space\u002F",2025,"Oq9ZcBuOfRs5t6tO_vpEkYVnkeSZBMolKc7lh_K1aN0",{"id":102,"title":103,"accent":15,"description":104,"device":9,"extension":10,"featured":11,"image":105,"kind":78,"meta":106,"repo":15,"stem":107,"tagline":108,"tags":109,"url":111,"year":99,"__hash__":112},"projects\u002Fprojects\u002F07.bushdocs.yml","BushDocs","Documentação técnica com categorias hierárquicas ilimitadas, editor rich text com imagens e vídeos, fluxo de rascunho e publicação e busca rápida com ⌘K.","\u002Fprojects\u002Fbushdocs.png",{},"projects\u002F07.bushdocs","Plataforma de documentação interna.",[19,20,110,21],"Tiptap","https:\u002F\u002Fbushdocs.vercel.app\u002F","88pcETkmoP3NFm07m8OTaAdbai37nd2-8TIY-i81Ryk",{"id":114,"title":115,"accent":15,"description":116,"device":9,"extension":10,"featured":117,"image":118,"kind":33,"meta":119,"repo":15,"stem":120,"tagline":121,"tags":122,"url":124,"year":25,"__hash__":125},"projects\u002Fprojects\u002F08.pokerpg.yml","PokeRPG","Explore mapas procedurais pelo teclado, enfrente encontros aleatórios e capture, batalhe e troque Pokémon, com perfis, níveis e experiência. Dados da PokeAPI.",false,"\u002Fprojects\u002Fpokerpg.png",{},"projects\u002F08.pokerpg","RPG multiplayer de Pokémon no navegador.",[19,21,123,22],"PokeAPI","https:\u002F\u002Fpokerpg-chi.vercel.app\u002F","18Xeq0OHakXFKJ6CLbDXi7OHTcExH4qCrqfKCf5gKdM",{"id":127,"title":128,"accent":15,"description":129,"device":9,"extension":10,"featured":117,"image":130,"kind":78,"meta":131,"repo":15,"stem":132,"tagline":133,"tags":134,"url":136,"year":25,"__hash__":137},"projects\u002Fprojects\u002F09.booking-panels.yml","Booking Panels","Dois painéis mensais com linha do tempo de 36 dias e sete tipos de agendamento. Visualização pública, edição autenticada e atualização em tempo real via Supabase Realtime.","\u002Fprojects\u002Fbooking-panels.png",{},"projects\u002F09.booking-panels","Painéis de agendamento de produção em tempo real.",[19,20,135],"Supabase Realtime","https:\u002F\u002Fbooking-panels.vercel.app\u002F","y2iEjTOCE9uomrY_BvcUrEc1s68I2UbyMzuOt-d_jZw",{"id":139,"title":140,"accent":15,"description":141,"device":9,"extension":10,"featured":117,"image":142,"kind":78,"meta":143,"repo":15,"stem":144,"tagline":145,"tags":146,"url":148,"year":25,"__hash__":149},"projects\u002Fprojects\u002F10.accelerator.yml","Production Accelerator","Seis indicadores em gauges e um cronograma de 60 dias por baia, com modo TV que se atualiza sozinho e modo de edição com drag & drop de datas.","\u002Fprojects\u002Faccelerator.png",{},"projects\u002F10.accelerator","Dashboard de acompanhamento de produção.",[19,21,147],"Chart.js","https:\u002F\u002Faccelerator-gilt.vercel.app\u002F","cQB8X0ir3dZipl1HElNl0elYQuA6HvT13efem-d5NcY",{"id":151,"title":152,"accent":15,"description":153,"device":9,"extension":10,"featured":117,"image":154,"kind":33,"meta":155,"repo":156,"stem":157,"tagline":158,"tags":159,"url":161,"year":99,"__hash__":162},"projects\u002Fprojects\u002F11.kanboard.yml","KanBoard","Quadro Kanban com criação e remoção de colunas e cards, atalhos de teclado, undo\u002Fredo e persistência local. Projeto para explorar o Nuxt 4.","\u002Fkanboard.jpg",{},"https:\u002F\u002Fgithub.com\u002FFelipeO16\u002Fkanboard","projects\u002F11.kanboard","Kanban com atalhos de teclado e undo\u002Fredo.",[19,97,160],"VueUse","https:\u002F\u002Fkanboard.nuxt.dev\u002F","tsQYWkJzBU8Rj5hph3X0_oKcPXmnyLAIRh69QVA85-w",{"id":164,"title":165,"accent":15,"description":166,"device":9,"extension":10,"featured":117,"image":167,"kind":33,"meta":168,"repo":169,"stem":170,"tagline":171,"tags":172,"url":174,"year":175,"__hash__":176},"projects\u002Fprojects\u002F12.wordle.yml","Wordle Clone","Clone de Wordle feito para praticar Test-Driven Development com Vitest, com palavra do dia e feedback visual interativo.","\u002Fwordle.jpg",{},"https:\u002F\u002Fgithub.com\u002FFelipeO16\u002Fwordle","projects\u002F12.wordle","Wordle em Nuxt, construído com TDD.",[19,41,173,39],"TDD","https:\u002F\u002Fwordle.nuxt.dev\u002F",2024,"JLM-jGzPC_oxnzB5dVkdQisY6zTDDPjQZSKHQ9cHQFc",[178,182,186,190],{"title":179,"path":180,"description":181},"Nuxt 4: As Novidades Revolucionárias que Você Precisa Conhecer","\u002Fblog\u002Fnuxt-4-novidades-revolucionarias","Descubra as principais novidades do Nuxt 4, incluindo nova estrutura de projeto, data fetching inteligente, melhor suporte TypeScript e CLI mais rápido.",{"title":183,"path":184,"description":185},"Paper UI: A História por Trás da Biblioteca que Revolucionou o Design Vue.js","\u002Fblog\u002Fpaper-ui-historia-criacao","Descubra como nasceu a Paper UI, os desafios técnicos enfrentados e como uma ideia simples se tornou um módulo oficial do Nuxt.js.",{"title":187,"path":188,"description":189},"Nuxt Performance: Otimizações Avançadas que Aumentaram 40% a Velocidade dos Meus Projetos","\u002Fblog\u002Fnuxt-performance-otimizacoes-avancadas","Técnicas avançadas de otimização de performance em Nuxt.js que implementei em projetos reais, com resultados mensuráveis e código prático.",{"title":191,"path":192,"description":193},"O Futuro do Ecossistema Nuxt.js: Tendências que Vão Moldar o Desenvolvimento Front-end em 2025","\u002Fblog\u002Fnuxt-ecosystem-futuro-desenvolvimento","Análise profunda das tendências emergentes no ecossistema Nuxt.js, incluindo AI, edge computing, e as tecnologias que vão revolucionar o desenvolvimento front-end.",{"id":195,"title":183,"body":196,"date":2249,"description":185,"extension":2250,"image":2251,"meta":2252,"navigation":11,"path":184,"seo":2260,"stem":2261,"tags":2262,"__hash__":2267},"blog\u002Fblog\u002Fpaper-ui-historia-criacao.md",{"type":197,"value":198,"toc":2199},"minimark",[199,215,220,225,228,252,263,267,270,278,282,286,293,319,323,545,551,555,559,562,778,782,948,952,1106,1110,1114,1173,1177,1278,1282,1337,1341,1345,1371,1375,1445,1449,1453,1524,1528,1674,1678,1731,1735,1739,1742,1749,1753,1759,1763,1831,1835,1839,1846,1850,1857,1861,1868,1872,1876,1902,1906,1978,1982,1986,1993,1997,2055,2059,2091,2095,2117,2121,2130,2152,2158,2168,2171,2184,2195],[200,201,202,203,206,207,210,211],"p",{},"A ",[204,205,88],"strong",{}," não nasceu de um planejamento estratégico ou de uma necessidade de mercado. Ela nasceu de uma ",[204,208,209],{},"frustração pessoal"," e de uma pergunta simples: ",[212,213,214],"em",{},"\"Por que todas as interfaces web parecem iguais?\"",[216,217,219],"h2",{"id":218},"o-problema-que-me-incomodava","🎨 O Problema que Me Incomodava",[221,222,224],"h3",{"id":223},"a-era-do-design-minimalista","A Era do Design Minimalista",[200,226,227],{},"Em 2023, o design web estava dominado pelo minimalismo:",[229,230,231,237,242,247],"ul",{},[232,233,234],"li",{},[204,235,236],{},"Bordas perfeitamente retas",[232,238,239],{},[204,240,241],{},"Cores monocromáticas",[232,243,244],{},[204,245,246],{},"Tipografia sem personalidade",[232,248,249],{},[204,250,251],{},"Interações previsíveis",[200,253,254,255,258,259,262],{},"Tudo parecia saído da mesma fábrica de interfaces. Como desenvolvedor, sentia que estava criando produtos ",[204,256,257],{},"tecnicamente perfeitos",", mas ",[204,260,261],{},"emocionalmente vazios",".",[221,264,266],{"id":265},"a-pergunta-que-mudou-tudo","A Pergunta que Mudou Tudo",[200,268,269],{},"Durante uma sessão de brainstorming para um projeto de e-commerce, me perguntei:",[271,272,273],"blockquote",{},[200,274,275],{},[212,276,277],{},"\"E se as interfaces web tivessem a mesma personalidade e calor humano que um desenho feito à mão?\"",[216,279,281],{"id":280},"o-momento-eureka","💡 O Momento Eureka",[221,283,285],{"id":284},"inspiração-inesperada","Inspiração Inesperada",[200,287,288,289,292],{},"A ideia veio de uma fonte inesperada: ",[204,290,291],{},"meu sobrinho de 5 anos"," desenhando com lápis de cor. Observando ele criar, percebi que:",[229,294,295,301,307,313],{},[232,296,297,300],{},[204,298,299],{},"Linhas imperfeitas"," transmitem mais personalidade",[232,302,303,306],{},[204,304,305],{},"Cores vibrantes"," criam mais conexão emocional",[232,308,309,312],{},[204,310,311],{},"Formas orgânicas"," são mais acolhedoras",[232,314,315,318],{},[204,316,317],{},"Texturas visuais"," adicionam profundidade",[221,320,322],{"id":321},"o-primeiro-protótipo","O Primeiro Protótipo",[324,325,330],"pre",{"className":326,"code":327,"language":328,"meta":329,"style":329},"language-vue shiki shiki-themes material-theme-lighter github-light github-dark","\u003C!-- Meu primeiro componente \"hand-drawn\" -->\n\u003Ctemplate>\n  \u003Cdiv class=\"paper-button\">\n    \u003Csvg class=\"paper-border\" viewBox=\"0 0 100 40\">\n      \u003Cpath d=\"M5,5 Q5,2 8,2 L92,2 Q95,2 95,5 L95,35 Q95,38 92,38 L8,38 Q5,38 5,35 Z\" \n            fill=\"none\" stroke=\"#333\" stroke-width=\"2\"\u002F>\n    \u003C\u002Fsvg>\n    \u003Cspan class=\"paper-text\">{{ label }}\u003C\u002Fspan>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","vue","",[331,332,333,342,356,384,418,442,484,494,526,536],"code",{"__ignoreMap":329},[334,335,338],"span",{"class":336,"line":337},"line",1,[334,339,341],{"class":340},"sutJx","\u003C!-- Meu primeiro componente \"hand-drawn\" -->\n",[334,343,345,349,353],{"class":336,"line":344},2,[334,346,348],{"class":347},"sP7_E","\u003C",[334,350,352],{"class":351},"sQzsp","template",[334,354,355],{"class":347},">\n",[334,357,359,362,365,369,372,376,380,382],{"class":336,"line":358},3,[334,360,361],{"class":347},"  \u003C",[334,363,364],{"class":351},"div",[334,366,368],{"class":367},"s9AJx"," class",[334,370,371],{"class":347},"=",[334,373,375],{"class":374},"sjJ54","\"",[334,377,379],{"class":378},"s_sjI","paper-button",[334,381,375],{"class":374},[334,383,355],{"class":347},[334,385,387,390,393,395,397,399,402,404,407,409,411,414,416],{"class":336,"line":386},4,[334,388,389],{"class":347},"    \u003C",[334,391,392],{"class":351},"svg",[334,394,368],{"class":367},[334,396,371],{"class":347},[334,398,375],{"class":374},[334,400,401],{"class":378},"paper-border",[334,403,375],{"class":374},[334,405,406],{"class":367}," viewBox",[334,408,371],{"class":347},[334,410,375],{"class":374},[334,412,413],{"class":378},"0 0 100 40",[334,415,375],{"class":374},[334,417,355],{"class":347},[334,419,421,424,427,430,432,434,437,439],{"class":336,"line":420},5,[334,422,423],{"class":347},"      \u003C",[334,425,426],{"class":351},"path",[334,428,429],{"class":367}," d",[334,431,371],{"class":347},[334,433,375],{"class":374},[334,435,436],{"class":378},"M5,5 Q5,2 8,2 L92,2 Q95,2 95,5 L95,35 Q95,38 92,38 L8,38 Q5,38 5,35 Z",[334,438,375],{"class":374},[334,440,441],{"class":347}," \n",[334,443,445,448,450,452,455,457,460,462,464,467,469,472,474,476,479,481],{"class":336,"line":444},6,[334,446,447],{"class":367},"            fill",[334,449,371],{"class":347},[334,451,375],{"class":374},[334,453,454],{"class":378},"none",[334,456,375],{"class":374},[334,458,459],{"class":367}," stroke",[334,461,371],{"class":347},[334,463,375],{"class":374},[334,465,466],{"class":378},"#333",[334,468,375],{"class":374},[334,470,471],{"class":367}," stroke-width",[334,473,371],{"class":347},[334,475,375],{"class":374},[334,477,478],{"class":378},"2",[334,480,375],{"class":374},[334,482,483],{"class":347},"\u002F>\n",[334,485,487,490,492],{"class":336,"line":486},7,[334,488,489],{"class":347},"    \u003C\u002F",[334,491,392],{"class":351},[334,493,355],{"class":347},[334,495,497,499,501,503,505,507,510,512,515,519,522,524],{"class":336,"line":496},8,[334,498,389],{"class":347},[334,500,334],{"class":351},[334,502,368],{"class":367},[334,504,371],{"class":347},[334,506,375],{"class":374},[334,508,509],{"class":378},"paper-text",[334,511,375],{"class":374},[334,513,514],{"class":347},">",[334,516,518],{"class":517},"su5hD","{{ label }}",[334,520,521],{"class":347},"\u003C\u002F",[334,523,334],{"class":351},[334,525,355],{"class":347},[334,527,529,532,534],{"class":336,"line":528},9,[334,530,531],{"class":347},"  \u003C\u002F",[334,533,364],{"class":351},[334,535,355],{"class":347},[334,537,539,541,543],{"class":336,"line":538},10,[334,540,521],{"class":347},[334,542,352],{"class":351},[334,544,355],{"class":347},[200,546,547,550],{},[204,548,549],{},"Resultado",": Um botão que parecia desenhado à mão, com bordas orgânicas e textura visual.",[216,552,554],{"id":553},"️-os-desafios-técnicos","🛠️ Os Desafios Técnicos",[221,556,558],{"id":557},"_1-criando-bordas-orgânicas","1. Criando Bordas Orgânicas",[200,560,561],{},"O maior desafio foi criar bordas que parecessem desenhadas à mão:",[324,563,567],{"className":564,"code":565,"language":566,"meta":329,"style":329},"language-css shiki shiki-themes material-theme-lighter github-light github-dark",".paper-border {\n  filter: drop-shadow(1px 1px 0px rgba(0,0,0,0.1));\n  animation: paper-shake 0.1s ease-in-out infinite alternate;\n}\n\n@keyframes paper-shake {\n  0% { transform: translate(0, 0) rotate(0deg); }\n  100% { transform: translate(0.5px, 0.5px) rotate(0.2deg); }\n}\n","css",[331,568,569,580,639,667,672,677,689,732,774],{"__ignoreMap":329},[334,570,571,574,577],{"class":336,"line":337},[334,572,262],{"class":573},"stp6e",[334,575,401],{"class":576},"sbgvK",[334,578,579],{"class":347}," {\n",[334,581,582,586,589,593,596,600,604,607,609,612,614,617,619,622,625,627,629,631,633,636],{"class":336,"line":344},[334,583,585],{"class":584},"soE4H","  filter",[334,587,588],{"class":347},":",[334,590,592],{"class":591},"sptTA"," drop-shadow",[334,594,595],{"class":347},"(",[334,597,599],{"class":598},"srdBf","1",[334,601,603],{"class":602},"sw1J6","px",[334,605,606],{"class":598}," 1",[334,608,603],{"class":602},[334,610,611],{"class":598}," 0",[334,613,603],{"class":602},[334,615,616],{"class":591}," rgba",[334,618,595],{"class":347},[334,620,621],{"class":598},"0",[334,623,624],{"class":347},",",[334,626,621],{"class":598},[334,628,624],{"class":347},[334,630,621],{"class":598},[334,632,624],{"class":347},[334,634,635],{"class":598},"0.1",[334,637,638],{"class":347},"));\n",[334,640,641,644,646,649,651,654,658,661,664],{"class":336,"line":358},[334,642,643],{"class":584},"  animation",[334,645,588],{"class":347},[334,647,648],{"class":517}," paper-shake ",[334,650,635],{"class":598},[334,652,653],{"class":602},"s",[334,655,657],{"class":656},"s_hVV"," ease-in-out",[334,659,660],{"class":656}," infinite",[334,662,663],{"class":656}," alternate",[334,665,666],{"class":347},";\n",[334,668,669],{"class":336,"line":386},[334,670,671],{"class":347},"}\n",[334,673,674],{"class":336,"line":420},[334,675,676],{"emptyLinePlaceholder":11},"\n",[334,678,679,683,687],{"class":336,"line":444},[334,680,682],{"class":681},"sVHd0","@keyframes",[334,684,686],{"class":685},"s99_P"," paper-shake",[334,688,579],{"class":347},[334,690,691,694,697,700,702,705,707,709,711,713,716,719,721,723,726,729],{"class":336,"line":486},[334,692,693],{"class":576},"  0%",[334,695,696],{"class":347}," {",[334,698,699],{"class":584}," transform",[334,701,588],{"class":347},[334,703,704],{"class":591}," translate",[334,706,595],{"class":347},[334,708,621],{"class":598},[334,710,624],{"class":347},[334,712,611],{"class":598},[334,714,715],{"class":347},")",[334,717,718],{"class":591}," rotate",[334,720,595],{"class":347},[334,722,621],{"class":598},[334,724,725],{"class":602},"deg",[334,727,728],{"class":347},");",[334,730,731],{"class":347}," }\n",[334,733,734,737,739,741,743,745,747,750,752,754,757,759,761,763,765,768,770,772],{"class":336,"line":496},[334,735,736],{"class":576},"  100%",[334,738,696],{"class":347},[334,740,699],{"class":584},[334,742,588],{"class":347},[334,744,704],{"class":591},[334,746,595],{"class":347},[334,748,749],{"class":598},"0.5",[334,751,603],{"class":602},[334,753,624],{"class":347},[334,755,756],{"class":598}," 0.5",[334,758,603],{"class":602},[334,760,715],{"class":347},[334,762,718],{"class":591},[334,764,595],{"class":347},[334,766,767],{"class":598},"0.2",[334,769,725],{"class":602},[334,771,728],{"class":347},[334,773,731],{"class":347},[334,775,776],{"class":336,"line":528},[334,777,671],{"class":347},[221,779,781],{"id":780},"_2-sistema-de-cores-inteligente","2. Sistema de Cores Inteligente",[324,783,787],{"className":784,"code":785,"language":786,"meta":329,"style":329},"language-typescript shiki shiki-themes material-theme-lighter github-light github-dark","\u002F\u002F Sistema de cores que simula materiais reais\nconst paperColors = {\n  'paper-white': {\n    base: '#fefefe',\n    shadow: '#f0f0f0',\n    highlight: '#ffffff'\n  },\n  'paper-yellow': {\n    base: '#fff8dc',\n    shadow: '#f0e68c',\n    highlight: '#ffffe0'\n  }\n}\n","typescript",[331,788,789,794,809,825,844,860,875,880,893,908,923,937,943],{"__ignoreMap":329},[334,790,791],{"class":336,"line":337},[334,792,793],{"class":340},"\u002F\u002F Sistema de cores que simula materiais reais\n",[334,795,796,800,803,807],{"class":336,"line":344},[334,797,799],{"class":798},"sbsja","const",[334,801,802],{"class":656}," paperColors",[334,804,806],{"class":805},"smGrS"," =",[334,808,579],{"class":347},[334,810,811,814,818,821,823],{"class":336,"line":358},[334,812,813],{"class":374},"  '",[334,815,817],{"class":816},"sZUrc","paper-white",[334,819,820],{"class":374},"'",[334,822,588],{"class":347},[334,824,579],{"class":347},[334,826,827,831,833,836,839,841],{"class":336,"line":386},[334,828,830],{"class":829},"skxfh","    base",[334,832,588],{"class":347},[334,834,835],{"class":374}," '",[334,837,838],{"class":378},"#fefefe",[334,840,820],{"class":374},[334,842,843],{"class":347},",\n",[334,845,846,849,851,853,856,858],{"class":336,"line":420},[334,847,848],{"class":829},"    shadow",[334,850,588],{"class":347},[334,852,835],{"class":374},[334,854,855],{"class":378},"#f0f0f0",[334,857,820],{"class":374},[334,859,843],{"class":347},[334,861,862,865,867,869,872],{"class":336,"line":444},[334,863,864],{"class":829},"    highlight",[334,866,588],{"class":347},[334,868,835],{"class":374},[334,870,871],{"class":378},"#ffffff",[334,873,874],{"class":374},"'\n",[334,876,877],{"class":336,"line":486},[334,878,879],{"class":347},"  },\n",[334,881,882,884,887,889,891],{"class":336,"line":496},[334,883,813],{"class":374},[334,885,886],{"class":816},"paper-yellow",[334,888,820],{"class":374},[334,890,588],{"class":347},[334,892,579],{"class":347},[334,894,895,897,899,901,904,906],{"class":336,"line":528},[334,896,830],{"class":829},[334,898,588],{"class":347},[334,900,835],{"class":374},[334,902,903],{"class":378},"#fff8dc",[334,905,820],{"class":374},[334,907,843],{"class":347},[334,909,910,912,914,916,919,921],{"class":336,"line":538},[334,911,848],{"class":829},[334,913,588],{"class":347},[334,915,835],{"class":374},[334,917,918],{"class":378},"#f0e68c",[334,920,820],{"class":374},[334,922,843],{"class":347},[334,924,926,928,930,932,935],{"class":336,"line":925},11,[334,927,864],{"class":829},[334,929,588],{"class":347},[334,931,835],{"class":374},[334,933,934],{"class":378},"#ffffe0",[334,936,874],{"class":374},[334,938,940],{"class":336,"line":939},12,[334,941,942],{"class":347},"  }\n",[334,944,946],{"class":336,"line":945},13,[334,947,671],{"class":347},[221,949,951],{"id":950},"_3-animações-imperfeitas","3. Animações \"Imperfeitas\"",[324,953,955],{"className":564,"code":954,"language":566,"meta":329,"style":329},".paper-hover {\n  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n.paper-hover:hover {\n  transform: translateY(-2px) rotate(0.5deg);\n  filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.15));\n}\n",[331,956,957,966,1007,1011,1015,1028,1057,1102],{"__ignoreMap":329},[334,958,959,961,964],{"class":336,"line":337},[334,960,262],{"class":573},[334,962,963],{"class":576},"paper-hover",[334,965,579],{"class":347},[334,967,968,971,973,976,979,981,984,986,989,991,994,996,999,1001,1004],{"class":336,"line":344},[334,969,970],{"class":584},"  transition",[334,972,588],{"class":347},[334,974,975],{"class":656}," all",[334,977,978],{"class":598}," 0.3",[334,980,653],{"class":602},[334,982,983],{"class":591}," cubic-bezier",[334,985,595],{"class":347},[334,987,988],{"class":598},"0.25",[334,990,624],{"class":347},[334,992,993],{"class":598}," 0.46",[334,995,624],{"class":347},[334,997,998],{"class":598}," 0.45",[334,1000,624],{"class":347},[334,1002,1003],{"class":598}," 0.94",[334,1005,1006],{"class":347},");\n",[334,1008,1009],{"class":336,"line":358},[334,1010,671],{"class":347},[334,1012,1013],{"class":336,"line":386},[334,1014,676],{"emptyLinePlaceholder":11},[334,1016,1017,1019,1021,1023,1026],{"class":336,"line":420},[334,1018,262],{"class":573},[334,1020,963],{"class":576},[334,1022,588],{"class":573},[334,1024,1025],{"class":367},"hover",[334,1027,579],{"class":347},[334,1029,1030,1033,1035,1038,1040,1043,1045,1047,1049,1051,1053,1055],{"class":336,"line":444},[334,1031,1032],{"class":584},"  transform",[334,1034,588],{"class":347},[334,1036,1037],{"class":591}," translateY",[334,1039,595],{"class":347},[334,1041,1042],{"class":598},"-2",[334,1044,603],{"class":602},[334,1046,715],{"class":347},[334,1048,718],{"class":591},[334,1050,595],{"class":347},[334,1052,749],{"class":598},[334,1054,725],{"class":602},[334,1056,1006],{"class":347},[334,1058,1059,1061,1063,1065,1067,1069,1071,1074,1076,1079,1081,1083,1085,1087,1089,1091,1093,1095,1097,1100],{"class":336,"line":486},[334,1060,585],{"class":584},[334,1062,588],{"class":347},[334,1064,592],{"class":591},[334,1066,595],{"class":347},[334,1068,478],{"class":598},[334,1070,603],{"class":602},[334,1072,1073],{"class":598}," 2",[334,1075,603],{"class":602},[334,1077,1078],{"class":598}," 4",[334,1080,603],{"class":602},[334,1082,616],{"class":591},[334,1084,595],{"class":347},[334,1086,621],{"class":598},[334,1088,624],{"class":347},[334,1090,621],{"class":598},[334,1092,624],{"class":347},[334,1094,621],{"class":598},[334,1096,624],{"class":347},[334,1098,1099],{"class":598},"0.15",[334,1101,638],{"class":347},[334,1103,1104],{"class":336,"line":496},[334,1105,671],{"class":347},[216,1107,1109],{"id":1108},"a-evolução-técnica","🚀 A Evolução Técnica",[221,1111,1113],{"id":1112},"versão-01-o-conceito","Versão 0.1 - O Conceito",[324,1115,1117],{"className":326,"code":1116,"language":328,"meta":329,"style":329},"\u003C!-- Primeira versão - apenas CSS -->\n\u003Ctemplate>\n  \u003Cbutton class=\"paper-btn paper-btn--primary\">\n    {{ text }}\n  \u003C\u002Fbutton>\n\u003C\u002Ftemplate>\n",[331,1118,1119,1124,1132,1152,1157,1165],{"__ignoreMap":329},[334,1120,1121],{"class":336,"line":337},[334,1122,1123],{"class":340},"\u003C!-- Primeira versão - apenas CSS -->\n",[334,1125,1126,1128,1130],{"class":336,"line":344},[334,1127,348],{"class":347},[334,1129,352],{"class":351},[334,1131,355],{"class":347},[334,1133,1134,1136,1139,1141,1143,1145,1148,1150],{"class":336,"line":358},[334,1135,361],{"class":347},[334,1137,1138],{"class":351},"button",[334,1140,368],{"class":367},[334,1142,371],{"class":347},[334,1144,375],{"class":374},[334,1146,1147],{"class":378},"paper-btn paper-btn--primary",[334,1149,375],{"class":374},[334,1151,355],{"class":347},[334,1153,1154],{"class":336,"line":386},[334,1155,1156],{"class":517},"    {{ text }}\n",[334,1158,1159,1161,1163],{"class":336,"line":420},[334,1160,531],{"class":347},[334,1162,1138],{"class":351},[334,1164,355],{"class":347},[334,1166,1167,1169,1171],{"class":336,"line":444},[334,1168,521],{"class":347},[334,1170,352],{"class":351},[334,1172,355],{"class":347},[221,1174,1176],{"id":1175},"versão-05-componentes-vue","Versão 0.5 - Componentes Vue",[324,1178,1180],{"className":326,"code":1179,"language":328,"meta":329,"style":329},"\u003C!-- Segunda versão - componentes Vue -->\n\u003Ctemplate>\n  \u003CPaperButton \n    variant=\"primary\" \n    size=\"large\"\n    :shaky=\"true\"\n  >\n    {{ text }}\n  \u003C\u002FPaperButton>\n\u003C\u002Ftemplate>\n",[331,1181,1182,1187,1195,1204,1220,1235,1253,1258,1262,1270],{"__ignoreMap":329},[334,1183,1184],{"class":336,"line":337},[334,1185,1186],{"class":340},"\u003C!-- Segunda versão - componentes Vue -->\n",[334,1188,1189,1191,1193],{"class":336,"line":344},[334,1190,348],{"class":347},[334,1192,352],{"class":351},[334,1194,355],{"class":347},[334,1196,1197,1199,1202],{"class":336,"line":358},[334,1198,361],{"class":347},[334,1200,1201],{"class":351},"PaperButton",[334,1203,441],{"class":347},[334,1205,1206,1209,1211,1213,1216,1218],{"class":336,"line":386},[334,1207,1208],{"class":367},"    variant",[334,1210,371],{"class":347},[334,1212,375],{"class":374},[334,1214,1215],{"class":378},"primary",[334,1217,375],{"class":374},[334,1219,441],{"class":347},[334,1221,1222,1225,1227,1229,1232],{"class":336,"line":420},[334,1223,1224],{"class":367},"    size",[334,1226,371],{"class":347},[334,1228,375],{"class":374},[334,1230,1231],{"class":378},"large",[334,1233,1234],{"class":374},"\"\n",[334,1236,1237,1240,1243,1245,1247,1251],{"class":336,"line":444},[334,1238,1239],{"class":347},"    :",[334,1241,1242],{"class":367},"shaky",[334,1244,371],{"class":347},[334,1246,375],{"class":374},[334,1248,1250],{"class":1249},"syTEX","true",[334,1252,1234],{"class":374},[334,1254,1255],{"class":336,"line":486},[334,1256,1257],{"class":347},"  >\n",[334,1259,1260],{"class":336,"line":496},[334,1261,1156],{"class":517},[334,1263,1264,1266,1268],{"class":336,"line":528},[334,1265,531],{"class":347},[334,1267,1201],{"class":351},[334,1269,355],{"class":347},[334,1271,1272,1274,1276],{"class":336,"line":538},[334,1273,521],{"class":347},[334,1275,352],{"class":351},[334,1277,355],{"class":347},[221,1279,1281],{"id":1280},"versão-10-módulo-nuxt","Versão 1.0 - Módulo Nuxt",[324,1283,1285],{"className":784,"code":1284,"language":786,"meta":329,"style":329},"\u002F\u002F nuxt.config.ts\nexport default defineNuxtConfig({\n  modules: ['@paper-ui\u002Fnuxt']\n})\n",[331,1286,1287,1292,1309,1329],{"__ignoreMap":329},[334,1288,1289],{"class":336,"line":337},[334,1290,1291],{"class":340},"\u002F\u002F nuxt.config.ts\n",[334,1293,1294,1297,1300,1304,1306],{"class":336,"line":344},[334,1295,1296],{"class":681},"export",[334,1298,1299],{"class":681}," default",[334,1301,1303],{"class":1302},"sGLFI"," defineNuxtConfig",[334,1305,595],{"class":517},[334,1307,1308],{"class":347},"{\n",[334,1310,1311,1314,1316,1319,1321,1324,1326],{"class":336,"line":358},[334,1312,1313],{"class":829},"  modules",[334,1315,588],{"class":347},[334,1317,1318],{"class":517}," [",[334,1320,820],{"class":374},[334,1322,1323],{"class":378},"@paper-ui\u002Fnuxt",[334,1325,820],{"class":374},[334,1327,1328],{"class":517},"]\n",[334,1330,1331,1334],{"class":336,"line":386},[334,1332,1333],{"class":347},"}",[334,1335,1336],{"class":517},")\n",[216,1338,1340],{"id":1339},"números-impressionantes","📊 Números Impressionantes",[221,1342,1344],{"id":1343},"crescimento-orgânico","Crescimento Orgânico",[229,1346,1347,1353,1359,1365],{},[232,1348,1349,1352],{},[204,1350,1351],{},"GitHub Stars",": 0 → 2.3k em 6 meses",[232,1354,1355,1358],{},[204,1356,1357],{},"Downloads NPM",": 0 → 15k\u002Fmês",[232,1360,1361,1364],{},[204,1362,1363],{},"Projetos usando",": 0 → 500+",[232,1366,1367,1370],{},[204,1368,1369],{},"Contribuidores",": 1 → 12",[221,1372,1374],{"id":1373},"impacto-real","Impacto Real",[324,1376,1378],{"className":784,"code":1377,"language":786,"meta":329,"style":329},"\u002F\u002F Projetos que adotaram Paper UI\nconst projects = [\n  'E-commerce de artesanato',\n  'Plataforma educacional infantil', \n  'App de receitas caseiras',\n  'Sistema de gestão criativa'\n]\n",[331,1379,1380,1385,1397,1408,1421,1432,1441],{"__ignoreMap":329},[334,1381,1382],{"class":336,"line":337},[334,1383,1384],{"class":340},"\u002F\u002F Projetos que adotaram Paper UI\n",[334,1386,1387,1389,1392,1394],{"class":336,"line":344},[334,1388,799],{"class":798},[334,1390,1391],{"class":656}," projects",[334,1393,806],{"class":805},[334,1395,1396],{"class":517}," [\n",[334,1398,1399,1401,1404,1406],{"class":336,"line":358},[334,1400,813],{"class":374},[334,1402,1403],{"class":378},"E-commerce de artesanato",[334,1405,820],{"class":374},[334,1407,843],{"class":347},[334,1409,1410,1412,1415,1417,1419],{"class":336,"line":386},[334,1411,813],{"class":374},[334,1413,1414],{"class":378},"Plataforma educacional infantil",[334,1416,820],{"class":374},[334,1418,624],{"class":347},[334,1420,441],{"class":517},[334,1422,1423,1425,1428,1430],{"class":336,"line":420},[334,1424,813],{"class":374},[334,1426,1427],{"class":378},"App de receitas caseiras",[334,1429,820],{"class":374},[334,1431,843],{"class":347},[334,1433,1434,1436,1439],{"class":336,"line":444},[334,1435,813],{"class":374},[334,1437,1438],{"class":378},"Sistema de gestão criativa",[334,1440,874],{"class":374},[334,1442,1443],{"class":336,"line":486},[334,1444,1328],{"class":517},[216,1446,1448],{"id":1447},"os-princípios-de-design","🎯 Os Princípios de Design",[221,1450,1452],{"id":1451},"_1-imperfeição-perfeita","1. Imperfeição Perfeita",[324,1454,1456],{"className":564,"code":1455,"language":566,"meta":329,"style":329},".paper-element {\n  border-radius: 8px 12px 6px 10px; \u002F* Bordas irregulares *\u002F\n  transform: rotate(-0.5deg); \u002F* Leve inclinação *\u002F\n}\n",[331,1457,1458,1467,1500,1520],{"__ignoreMap":329},[334,1459,1460,1462,1465],{"class":336,"line":337},[334,1461,262],{"class":573},[334,1463,1464],{"class":576},"paper-element",[334,1466,579],{"class":347},[334,1468,1469,1472,1474,1477,1479,1482,1484,1487,1489,1492,1494,1497],{"class":336,"line":344},[334,1470,1471],{"class":584},"  border-radius",[334,1473,588],{"class":347},[334,1475,1476],{"class":598}," 8",[334,1478,603],{"class":602},[334,1480,1481],{"class":598}," 12",[334,1483,603],{"class":602},[334,1485,1486],{"class":598}," 6",[334,1488,603],{"class":602},[334,1490,1491],{"class":598}," 10",[334,1493,603],{"class":602},[334,1495,1496],{"class":347},";",[334,1498,1499],{"class":340}," \u002F* Bordas irregulares *\u002F\n",[334,1501,1502,1504,1506,1508,1510,1513,1515,1517],{"class":336,"line":358},[334,1503,1032],{"class":584},[334,1505,588],{"class":347},[334,1507,718],{"class":591},[334,1509,595],{"class":347},[334,1511,1512],{"class":598},"-0.5",[334,1514,725],{"class":602},[334,1516,728],{"class":347},[334,1518,1519],{"class":340}," \u002F* Leve inclinação *\u002F\n",[334,1521,1522],{"class":336,"line":386},[334,1523,671],{"class":347},[221,1525,1527],{"id":1526},"_2-texturas-visuais","2. Texturas Visuais",[324,1529,1531],{"className":564,"code":1530,"language":566,"meta":329,"style":329},".paper-texture {\n  background-image: \n    radial-gradient(circle at 20% 80%, rgba(255,255,255,0.1) 0%, transparent 50%),\n    radial-gradient(circle at 80% 20%, rgba(0,0,0,0.05) 0%, transparent 50%);\n}\n",[331,1532,1533,1542,1551,1615,1670],{"__ignoreMap":329},[334,1534,1535,1537,1540],{"class":336,"line":337},[334,1536,262],{"class":573},[334,1538,1539],{"class":576},"paper-texture",[334,1541,579],{"class":347},[334,1543,1544,1547,1549],{"class":336,"line":344},[334,1545,1546],{"class":584},"  background-image",[334,1548,588],{"class":347},[334,1550,441],{"class":517},[334,1552,1553,1556,1558,1561,1564,1567,1570,1573,1575,1577,1579,1581,1584,1586,1588,1590,1592,1594,1596,1598,1600,1602,1604,1607,1610,1612],{"class":336,"line":358},[334,1554,1555],{"class":591},"    radial-gradient",[334,1557,595],{"class":347},[334,1559,1560],{"class":656},"circle",[334,1562,1563],{"class":805}," at",[334,1565,1566],{"class":598}," 20",[334,1568,1569],{"class":602},"%",[334,1571,1572],{"class":598}," 80",[334,1574,1569],{"class":602},[334,1576,624],{"class":347},[334,1578,616],{"class":591},[334,1580,595],{"class":347},[334,1582,1583],{"class":598},"255",[334,1585,624],{"class":347},[334,1587,1583],{"class":598},[334,1589,624],{"class":347},[334,1591,1583],{"class":598},[334,1593,624],{"class":347},[334,1595,635],{"class":598},[334,1597,715],{"class":347},[334,1599,611],{"class":598},[334,1601,1569],{"class":602},[334,1603,624],{"class":347},[334,1605,1606],{"class":656}," transparent",[334,1608,1609],{"class":598}," 50",[334,1611,1569],{"class":602},[334,1613,1614],{"class":347},"),\n",[334,1616,1617,1619,1621,1623,1625,1627,1629,1631,1633,1635,1637,1639,1641,1643,1645,1647,1649,1651,1654,1656,1658,1660,1662,1664,1666,1668],{"class":336,"line":386},[334,1618,1555],{"class":591},[334,1620,595],{"class":347},[334,1622,1560],{"class":656},[334,1624,1563],{"class":805},[334,1626,1572],{"class":598},[334,1628,1569],{"class":602},[334,1630,1566],{"class":598},[334,1632,1569],{"class":602},[334,1634,624],{"class":347},[334,1636,616],{"class":591},[334,1638,595],{"class":347},[334,1640,621],{"class":598},[334,1642,624],{"class":347},[334,1644,621],{"class":598},[334,1646,624],{"class":347},[334,1648,621],{"class":598},[334,1650,624],{"class":347},[334,1652,1653],{"class":598},"0.05",[334,1655,715],{"class":347},[334,1657,611],{"class":598},[334,1659,1569],{"class":602},[334,1661,624],{"class":347},[334,1663,1606],{"class":656},[334,1665,1609],{"class":598},[334,1667,1569],{"class":602},[334,1669,1006],{"class":347},[334,1671,1672],{"class":336,"line":420},[334,1673,671],{"class":347},[221,1675,1677],{"id":1676},"_3-interações-humanas","3. Interações Humanas",[324,1679,1681],{"className":784,"code":1680,"language":786,"meta":329,"style":329},"\u002F\u002F Hover effects que simulam toque humano\nconst humanHover = {\n  transform: 'translateY(-1px) rotate(0.3deg)',\n  transition: 'all 0.2s ease-out'\n}\n",[331,1682,1683,1688,1699,1714,1727],{"__ignoreMap":329},[334,1684,1685],{"class":336,"line":337},[334,1686,1687],{"class":340},"\u002F\u002F Hover effects que simulam toque humano\n",[334,1689,1690,1692,1695,1697],{"class":336,"line":344},[334,1691,799],{"class":798},[334,1693,1694],{"class":656}," humanHover",[334,1696,806],{"class":805},[334,1698,579],{"class":347},[334,1700,1701,1703,1705,1707,1710,1712],{"class":336,"line":358},[334,1702,1032],{"class":829},[334,1704,588],{"class":347},[334,1706,835],{"class":374},[334,1708,1709],{"class":378},"translateY(-1px) rotate(0.3deg)",[334,1711,820],{"class":374},[334,1713,843],{"class":347},[334,1715,1716,1718,1720,1722,1725],{"class":336,"line":386},[334,1717,970],{"class":829},[334,1719,588],{"class":347},[334,1721,835],{"class":374},[334,1723,1724],{"class":378},"all 0.2s ease-out",[334,1726,874],{"class":374},[334,1728,1729],{"class":336,"line":420},[334,1730,671],{"class":347},[216,1732,1734],{"id":1733},"momentos-marcantes","🌟 Momentos Marcantes",[221,1736,1738],{"id":1737},"_1-primeira-estrela-no-github","1. Primeira Estrela no GitHub",[200,1740,1741],{},"Recebi a primeira estrela de um desenvolvedor do Japão que disse:",[271,1743,1744],{},[200,1745,1746],{},[212,1747,1748],{},"\"This library brings warmth to my cold, corporate interfaces. Arigato!\"",[221,1750,1752],{"id":1751},"_2-adoção-pelo-nuxtjs","2. Adoção pelo Nuxt.js",[200,1754,1755,1756,262],{},"Quando o time do Nuxt.js me contatou para tornar a Paper UI um módulo oficial, foi um momento de ",[204,1757,1758],{},"realização profissional",[221,1760,1762],{"id":1761},"_3-feedback-de-usuários","3. Feedback de Usuários",[324,1764,1766],{"className":784,"code":1765,"language":786,"meta":329,"style":329},"\u002F\u002F Comentários que me motivaram\nconst feedback = [\n  \"Finally, interfaces with personality!\",\n  \"My users love the warm, human feel\",\n  \"This changed how I think about UI design\",\n  \"Perfect for creative projects\"\n]\n",[331,1767,1768,1773,1784,1796,1807,1818,1827],{"__ignoreMap":329},[334,1769,1770],{"class":336,"line":337},[334,1771,1772],{"class":340},"\u002F\u002F Comentários que me motivaram\n",[334,1774,1775,1777,1780,1782],{"class":336,"line":344},[334,1776,799],{"class":798},[334,1778,1779],{"class":656}," feedback",[334,1781,806],{"class":805},[334,1783,1396],{"class":517},[334,1785,1786,1789,1792,1794],{"class":336,"line":358},[334,1787,1788],{"class":374},"  \"",[334,1790,1791],{"class":378},"Finally, interfaces with personality!",[334,1793,375],{"class":374},[334,1795,843],{"class":347},[334,1797,1798,1800,1803,1805],{"class":336,"line":386},[334,1799,1788],{"class":374},[334,1801,1802],{"class":378},"My users love the warm, human feel",[334,1804,375],{"class":374},[334,1806,843],{"class":347},[334,1808,1809,1811,1814,1816],{"class":336,"line":420},[334,1810,1788],{"class":374},[334,1812,1813],{"class":378},"This changed how I think about UI design",[334,1815,375],{"class":374},[334,1817,843],{"class":347},[334,1819,1820,1822,1825],{"class":336,"line":444},[334,1821,1788],{"class":374},[334,1823,1824],{"class":378},"Perfect for creative projects",[334,1826,1234],{"class":374},[334,1828,1829],{"class":336,"line":486},[334,1830,1328],{"class":517},[216,1832,1834],{"id":1833},"️-lições-aprendidas","🛠️ Lições Aprendidas",[221,1836,1838],{"id":1837},"_1-tecnologia-emoção","1. Tecnologia + Emoção",[200,1840,1841,1842,1845],{},"A Paper UI me ensinou que ",[204,1843,1844],{},"tecnologia sem emoção é apenas código",". As melhores soluções conectam-se com as pessoas.",[221,1847,1849],{"id":1848},"_2-imperfeição-como-virtude","2. Imperfeição como Virtude",[200,1851,1852,1853,1856],{},"Em um mundo de pixels perfeitos, ",[204,1854,1855],{},"imperfeições controladas"," podem ser mais eficazes que a perfeição absoluta.",[221,1858,1860],{"id":1859},"_3-comunidade-é-tudo","3. Comunidade é Tudo",[200,1862,1863,1864,1867],{},"O sucesso da Paper UI não foi apenas técnico - foi sobre ",[204,1865,1866],{},"construir uma comunidade"," de desenvolvedores que valorizam design humano.",[216,1869,1871],{"id":1870},"o-futuro-da-paper-ui","🔮 O Futuro da Paper UI",[221,1873,1875],{"id":1874},"próximas-funcionalidades","Próximas Funcionalidades",[229,1877,1878,1884,1890,1896],{},[232,1879,1880,1883],{},[204,1881,1882],{},"Paper AI",": Geração automática de texturas",[232,1885,1886,1889],{},[204,1887,1888],{},"Paper Themes",": Temas sazonais e culturais",[232,1891,1892,1895],{},[204,1893,1894],{},"Paper Animations",": Micro-interações mais sofisticadas",[232,1897,1898,1901],{},[204,1899,1900],{},"Paper Accessibility",": Foco em acessibilidade sem perder a personalidade",[221,1903,1905],{"id":1904},"visão-de-longo-prazo","Visão de Longo Prazo",[324,1907,1909],{"className":784,"code":1908,"language":786,"meta":329,"style":329},"\u002F\u002F Paper UI 2.0 - Conceito\nconst vision = {\n  goal: \"Democratizar design humano na web\",\n  mission: \"Tornar interfaces mais acolhedoras e memoráveis\",\n  impact: \"Conectar tecnologia com emoção humana\"\n}\n",[331,1910,1911,1916,1927,1944,1960,1974],{"__ignoreMap":329},[334,1912,1913],{"class":336,"line":337},[334,1914,1915],{"class":340},"\u002F\u002F Paper UI 2.0 - Conceito\n",[334,1917,1918,1920,1923,1925],{"class":336,"line":344},[334,1919,799],{"class":798},[334,1921,1922],{"class":656}," vision",[334,1924,806],{"class":805},[334,1926,579],{"class":347},[334,1928,1929,1932,1934,1937,1940,1942],{"class":336,"line":358},[334,1930,1931],{"class":829},"  goal",[334,1933,588],{"class":347},[334,1935,1936],{"class":374}," \"",[334,1938,1939],{"class":378},"Democratizar design humano na web",[334,1941,375],{"class":374},[334,1943,843],{"class":347},[334,1945,1946,1949,1951,1953,1956,1958],{"class":336,"line":386},[334,1947,1948],{"class":829},"  mission",[334,1950,588],{"class":347},[334,1952,1936],{"class":374},[334,1954,1955],{"class":378},"Tornar interfaces mais acolhedoras e memoráveis",[334,1957,375],{"class":374},[334,1959,843],{"class":347},[334,1961,1962,1965,1967,1969,1972],{"class":336,"line":420},[334,1963,1964],{"class":829},"  impact",[334,1966,588],{"class":347},[334,1968,1936],{"class":374},[334,1970,1971],{"class":378},"Conectar tecnologia com emoção humana",[334,1973,1234],{"class":374},[334,1975,1976],{"class":336,"line":444},[334,1977,671],{"class":347},[216,1979,1981],{"id":1980},"dicas-para-criar-sua-própria-biblioteca","💡 Dicas para Criar Sua Própria Biblioteca",[221,1983,1985],{"id":1984},"_1-identifique-um-problema-real","1. Identifique um Problema Real",[200,1987,1988,1989,1992],{},"Não crie por criar. ",[204,1990,1991],{},"Identifique uma dor real"," que você sente no dia a dia.",[221,1994,1996],{"id":1995},"_2-comece-simples","2. Comece Simples",[324,1998,2000],{"className":326,"code":1999,"language":328,"meta":329,"style":329},"\u003C!-- Comece com um componente -->\n\u003Ctemplate>\n  \u003Cdiv class=\"your-idea\">\n    \u003C!-- Implementação simples -->\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[331,2001,2002,2007,2015,2034,2039,2047],{"__ignoreMap":329},[334,2003,2004],{"class":336,"line":337},[334,2005,2006],{"class":340},"\u003C!-- Comece com um componente -->\n",[334,2008,2009,2011,2013],{"class":336,"line":344},[334,2010,348],{"class":347},[334,2012,352],{"class":351},[334,2014,355],{"class":347},[334,2016,2017,2019,2021,2023,2025,2027,2030,2032],{"class":336,"line":358},[334,2018,361],{"class":347},[334,2020,364],{"class":351},[334,2022,368],{"class":367},[334,2024,371],{"class":347},[334,2026,375],{"class":374},[334,2028,2029],{"class":378},"your-idea",[334,2031,375],{"class":374},[334,2033,355],{"class":347},[334,2035,2036],{"class":336,"line":386},[334,2037,2038],{"class":340},"    \u003C!-- Implementação simples -->\n",[334,2040,2041,2043,2045],{"class":336,"line":420},[334,2042,531],{"class":347},[334,2044,364],{"class":351},[334,2046,355],{"class":347},[334,2048,2049,2051,2053],{"class":336,"line":444},[334,2050,521],{"class":347},[334,2052,352],{"class":351},[334,2054,355],{"class":347},[221,2056,2058],{"id":2057},"_3-documente-tudo","3. Documente Tudo",[324,2060,2064],{"className":2061,"code":2062,"language":2063,"meta":329,"style":329},"language-markdown shiki shiki-themes material-theme-lighter github-light github-dark","# Sua Biblioteca\n## Instalação\n## Uso\n## Exemplos\n## Contribuição\n","markdown",[331,2065,2066,2071,2076,2081,2086],{"__ignoreMap":329},[334,2067,2068],{"class":336,"line":337},[334,2069,2070],{},"# Sua Biblioteca\n",[334,2072,2073],{"class":336,"line":344},[334,2074,2075],{},"## Instalação\n",[334,2077,2078],{"class":336,"line":358},[334,2079,2080],{},"## Uso\n",[334,2082,2083],{"class":336,"line":386},[334,2084,2085],{},"## Exemplos\n",[334,2087,2088],{"class":336,"line":420},[334,2089,2090],{},"## Contribuição\n",[221,2092,2094],{"id":2093},"_4-engaje-a-comunidade","4. Engaje a Comunidade",[229,2096,2097,2102,2107,2112],{},[232,2098,2099],{},[204,2100,2101],{},"GitHub Discussions",[232,2103,2104],{},[204,2105,2106],{},"Discord\u002FSlack",[232,2108,2109],{},[204,2110,2111],{},"Twitter\u002FLinkedIn",[232,2113,2114],{},[204,2115,2116],{},"Blog posts técnicos",[216,2118,2120],{"id":2119},"conclusão","🎉 Conclusão",[200,2122,202,2123,2125,2126,2129],{},[204,2124,88],{}," nasceu de uma frustração pessoal e se tornou uma ferramenta que ",[204,2127,2128],{},"humaniza a web",". Ela me ensinou que:",[229,2131,2132,2137,2142,2147],{},[232,2133,2134],{},[204,2135,2136],{},"Tecnologia pode ser emocional",[232,2138,2139],{},[204,2140,2141],{},"Imperfeição pode ser perfeita",[232,2143,2144],{},[204,2145,2146],{},"Comunidade move montanhas",[232,2148,2149],{},[204,2150,2151],{},"Ideias simples podem revolucionar",[200,2153,2154,2157],{},[204,2155,2156],{},"Para desenvolvedores",": Não tenham medo de experimentar. As melhores soluções nascem de problemas reais e paixão genuína.",[200,2159,2160,2163,2164,2167],{},[204,2161,2162],{},"Para designers",": Lembrem-se que ",[204,2165,2166],{},"interface é conversa",". A Paper UI prova que podemos ter conversas mais humanas através da tecnologia.",[2169,2170],"hr",{},[200,2172,2173],{},[212,2174,2175,2176,2183],{},"Quer contribuir com a Paper UI? Visite ",[2177,2178,2182],"a",{"href":2179,"rel":2180},"https:\u002F\u002Fpaper-docs.nuxt.space",[2181],"nofollow","paper-docs.nuxt.space"," e junte-se à comunidade que está humanizando a web!",[200,2185,2186],{},[212,2187,2188,2189,2194],{},"Siga-me no ",[2177,2190,2193],{"href":2191,"rel":2192},"https:\u002F\u002Fgithub.com\u002FFelipeOl6",[2181],"GitHub"," para mais insights sobre desenvolvimento e design.",[2196,2197,2198],"style",{},"html pre.shiki code .sutJx, html code.shiki .sutJx{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#6A737D;--shiki-default-font-style:inherit;--shiki-dark:#6A737D;--shiki-dark-font-style:inherit}html pre.shiki code .sP7_E, html code.shiki .sP7_E{--shiki-light:#39ADB5;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sQzsp, html code.shiki .sQzsp{--shiki-light:#E53935;--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .s9AJx, html code.shiki .s9AJx{--shiki-light:#9C3EDA;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sjJ54, html code.shiki .sjJ54{--shiki-light:#39ADB5;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .s_sjI, html code.shiki .s_sjI{--shiki-light:#91B859;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .su5hD, html code.shiki .su5hD{--shiki-light:#90A4AE;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .stp6e, html code.shiki .stp6e{--shiki-light:#39ADB5;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sbgvK, html code.shiki .sbgvK{--shiki-light:#E2931D;--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .soE4H, html code.shiki .soE4H{--shiki-light:#8796B0;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sptTA, html code.shiki .sptTA{--shiki-light:#6182B8;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .srdBf, html code.shiki .srdBf{--shiki-light:#F76D47;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sw1J6, html code.shiki .sw1J6{--shiki-light:#F76D47;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .s_hVV, html code.shiki .s_hVV{--shiki-light:#90A4AE;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sVHd0, html code.shiki .sVHd0{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#D73A49;--shiki-default-font-style:inherit;--shiki-dark:#F97583;--shiki-dark-font-style:inherit}html pre.shiki code .s99_P, html code.shiki .s99_P{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#E36209;--shiki-default-font-style:inherit;--shiki-dark:#FFAB70;--shiki-dark-font-style:inherit}html pre.shiki code .sbsja, html code.shiki .sbsja{--shiki-light:#9C3EDA;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .smGrS, html code.shiki .smGrS{--shiki-light:#39ADB5;--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sZUrc, html code.shiki .sZUrc{--shiki-light:#E53935;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .skxfh, html code.shiki .skxfh{--shiki-light:#E53935;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .syTEX, html code.shiki .syTEX{--shiki-light:#FF5370;--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sGLFI, html code.shiki .sGLFI{--shiki-light:#6182B8;--shiki-default:#6F42C1;--shiki-dark:#B392F0}",{"title":329,"searchDepth":344,"depth":344,"links":2200},[2201,2205,2209,2214,2219,2223,2228,2233,2238,2242,2248],{"id":218,"depth":344,"text":219,"children":2202},[2203,2204],{"id":223,"depth":358,"text":224},{"id":265,"depth":358,"text":266},{"id":280,"depth":344,"text":281,"children":2206},[2207,2208],{"id":284,"depth":358,"text":285},{"id":321,"depth":358,"text":322},{"id":553,"depth":344,"text":554,"children":2210},[2211,2212,2213],{"id":557,"depth":358,"text":558},{"id":780,"depth":358,"text":781},{"id":950,"depth":358,"text":951},{"id":1108,"depth":344,"text":1109,"children":2215},[2216,2217,2218],{"id":1112,"depth":358,"text":1113},{"id":1175,"depth":358,"text":1176},{"id":1280,"depth":358,"text":1281},{"id":1339,"depth":344,"text":1340,"children":2220},[2221,2222],{"id":1343,"depth":358,"text":1344},{"id":1373,"depth":358,"text":1374},{"id":1447,"depth":344,"text":1448,"children":2224},[2225,2226,2227],{"id":1451,"depth":358,"text":1452},{"id":1526,"depth":358,"text":1527},{"id":1676,"depth":358,"text":1677},{"id":1733,"depth":344,"text":1734,"children":2229},[2230,2231,2232],{"id":1737,"depth":358,"text":1738},{"id":1751,"depth":358,"text":1752},{"id":1761,"depth":358,"text":1762},{"id":1833,"depth":344,"text":1834,"children":2234},[2235,2236,2237],{"id":1837,"depth":358,"text":1838},{"id":1848,"depth":358,"text":1849},{"id":1859,"depth":358,"text":1860},{"id":1870,"depth":344,"text":1871,"children":2239},[2240,2241],{"id":1874,"depth":358,"text":1875},{"id":1904,"depth":358,"text":1905},{"id":1980,"depth":344,"text":1981,"children":2243},[2244,2245,2246,2247],{"id":1984,"depth":358,"text":1985},{"id":1995,"depth":358,"text":1996},{"id":2057,"depth":358,"text":2058},{"id":2093,"depth":358,"text":2094},{"id":2119,"depth":344,"text":2120},"2024-12-18","md","\u002Fpaper.gif",{"author":2253},{"name":2254,"avatar":2255,"bio":2257,"social":2258},"Felipe Oliveira",{"src":2256},"https:\u002F\u002Fi.imgur.com\u002FywWj688.jpeg","Desenvolvedor Front-end especialista em Vue.js, Nuxt.js e TypeScript. Criador da Paper UI e apaixonado por design systems inovadores.",{"github":2191,"linkedin":2259},"https:\u002F\u002Flinkedin.com\u002Fin\u002Ffelipe-oliveira-dev",{"title":183,"description":185},"blog\u002Fpaper-ui-historia-criacao",[2263,2264,2265,328,2266],"paper-ui","design-system","nuxt","criatividade","d6NfN4lY_0awwQTnd87pM29kDAMMbgcMbb12jZEUAoo",[2269,15],{"title":187,"path":188,"stem":2270,"description":189,"children":-1},"blog\u002Fnuxt-performance-otimizacoes-avancadas",1792609231897]