[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"summary-3df793b3938b4280-penpot-fixes-dev-handoffs-with-real-css-output-summary":3,"summaries-facets-categories":86,"summary-related-3df793b3938b4280-penpot-fixes-dev-handoffs-with-real-css-output-summary":3671},{"id":4,"title":5,"ai":6,"body":13,"categories":46,"created_at":48,"date_modified":48,"description":40,"extension":49,"faq":48,"featured":50,"kicker_label":48,"meta":51,"navigation":67,"path":68,"published_at":69,"question":48,"scraped_at":70,"seo":71,"sitemap":72,"source_id":73,"source_name":74,"source_type":75,"source_url":76,"stem":77,"tags":78,"thumbnail_url":48,"tldr":83,"tweet":48,"unknown_tags":84,"__hash__":85},"summaries\u002Fsummaries\u002F3df793b3938b4280-penpot-fixes-dev-handoffs-with-real-css-output-summary.md","Penpot Fixes Dev Handoffs with Real CSS Output",{"provider":7,"model":8,"input_tokens":9,"output_tokens":10,"processing_time_ms":11,"cost_usd":12},"openrouter","x-ai\u002Fgrok-4.1-fast",5289,1254,10087,0.0016623,{"type":14,"value":15,"toc":39},"minimark",[16,21,25,29,32,36],[17,18,20],"h2",{"id":19},"design-directly-in-web-standards-for-instant-code","Design Directly in Web Standards for Instant Code",[22,23,24],"p",{},"Penpot eliminates the design-to-code translation layer by constructing UIs with native web technologies: CSS for styling, Flexbox and Grid for layouts, SVG for graphics, and HTML structure. Create a simple card component—set a container to Flexbox, add padding, drop in a title, text, and button—then switch to inspect mode. You get exact CSS properties like flex-direction, gap, padding values, and font metrics ready to copy-paste into your project. This maps 1:1 to code, so devs read layouts as they are, not approximations. Export as SVG for icons or prototypes, and use design tokens for colors, spacing, and typography that align with code variables. Result: handoff time drops because there's no reverse-engineering simulated layouts—everything feels native to the web, speeding up frontend workflows especially for solo devs or small teams owning the full stack.",[17,26,28],{"id":27},"penpot-outperforms-figma-on-dev-workflow-friction","Penpot Outperforms Figma on Dev Workflow Friction",[22,30,31],{},"Figma's Auto Layout mimics Flexbox but requires mental conversion to real CSS, plus proprietary files create lock-in with paid seats and extra steps like Dev Mode or plugins. Penpot starts from web standards, so inspect views deliver production-ready code without extras. Self-host via one Docker Compose command for privacy, unlimited files\u002Fcollaborators, and CI\u002FCD integration—no vendor pricing or data silos. Devs gain components, variants, prototypes, and tokens built for code-first thinking. Trade-offs exist: Penpot lags on large files (slower performance), has a smaller plugin ecosystem, and demands a learning curve if you're Figma-deep—but its simplicity shines since it thinks like CSS from day one, shrinking the design-dev gap more than Figma's polish compensates.",[17,33,35],{"id":34},"use-penpot-for-dev-heavy-projects-to-accelerate-shipping","Use Penpot for Dev-Heavy Projects to Accelerate Shipping",[22,37,38],{},"Adopt Penpot for side projects, MVPs, or dev-led teams avoiding lock-in and costs: spin up a self-hosted instance instantly, build prototypes that export cleanly, and iterate faster without handoff delays. It won't replace enterprise Figma ecosystems overnight, but for 80% of needs—like clean CSS handoffs and open-source control—it delivers outsized speed gains. Start at penpot.app for cloud or Docker self-host; the mental model shift pays off quickly in reduced friction and direct code output.",{"title":40,"searchDepth":41,"depth":41,"links":42},"",2,[43,44,45],{"id":19,"depth":41,"text":20},{"id":27,"depth":41,"text":28},{"id":34,"depth":41,"text":35},[47],"Design & Frontend",null,"md",false,{"content_references":52,"triage":62},[53,58],{"type":54,"title":55,"url":56,"context":57},"tool","Penpot","https:\u002F\u002Fpenpot.app\u002F","recommended",{"type":54,"title":59,"url":60,"context":61},"Penpot Repo","https:\u002F\u002Fgithub.com\u002Fpenpot\u002Fpenpot","mentioned",{"relevance":63,"novelty":64,"quality":64,"actionability":64,"composite":65,"reasoning":66},5,4,4.35,"Category: Design & Frontend. The article discusses how Penpot allows designers to create UIs directly in web standards, which addresses the pain point of design-to-code translation for developers. It provides actionable insights on using Penpot for faster development workflows, making it relevant for the target audience.",true,"\u002Fsummaries\u002F3df793b3938b4280-penpot-fixes-dev-handoffs-with-real-css-output-summary","2026-04-21 12:30:10","2026-04-21 15:16:40",{"title":5,"description":40},{"loc":68},"8d411519c6ffa968","Better Stack","article","https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=9AGrepjrbqY","summaries\u002F3df793b3938b4280-penpot-fixes-dev-handoffs-with-real-css-output-summary",[79,80,81,82],"open-source","design-systems","ui-ux","frontend","Penpot builds designs on actual CSS, Flexbox, Grid, SVG, and HTML, so devs inspect and copy clean code directly—no Figma translation needed, cutting handoff friction dramatically.",[],"mn4_ruAwKi-wCC8rH6OKg14SmTXj8GkaTd-WvRuwaO4",[87,90,93,96,99,102,104,106,108,110,112,114,117,119,121,123,125,127,129,131,133,135,137,140,142,144,147,149,151,154,156,158,160,162,164,166,168,170,172,174,176,178,180,182,184,186,188,190,192,194,196,198,200,202,204,206,208,210,212,214,216,218,220,222,224,226,228,230,232,234,236,238,240,242,244,246,248,250,252,254,256,258,260,262,264,266,268,270,272,274,276,278,280,282,284,286,288,290,292,294,296,298,300,302,304,306,308,310,312,314,316,318,320,322,324,326,328,330,332,334,336,338,340,342,344,346,348,350,352,354,356,358,360,362,364,366,368,370,372,374,376,378,380,382,384,386,388,390,392,394,396,398,400,402,404,406,408,411,413,415,417,419,421,423,425,427,429,431,433,435,437,439,441,443,445,447,449,451,453,455,457,459,461,463,465,467,469,471,473,475,477,479,481,483,485,487,489,491,493,495,497,499,501,503,505,507,509,511,513,515,517,519,521,523,525,527,529,531,533,535,537,539,541,543,545,547,549,551,553,555,557,559,561,563,565,567,569,571,573,575,577,579,581,583,585,587,589,591,593,595,597,599,601,603,605,607,609,611,613,615,617,619,621,623,625,627,629,631,633,635,637,639,641,643,645,647,649,651,653,655,657,659,661,663,665,667,669,671,673,675,677,679,681,683,685,687,689,691,693,695,697,699,701,703,705,707,709,711,713,715,717,719,721,723,725,727,729,731,733,735,737,739,741,743,745,747,749,751,753,755,757,759,761,763,765,767,769,771,773,775,777,779,781,783,785,787,789,791,793,795,797,799,801,803,805,807,809,811,813,815,817,819,821,823,825,827,829,831,833,835,837,839,841,843,845,847,849,851,853,855,857,859,861,863,865,867,869,871,873,875,877,879,881,883,885,887,889,891,893,895,897,899,901,903,905,907,909,911,913,915,917,919,921,923,925,927,929,931,933,935,937,939,941,943,945,947,949,951,953,955,957,959,961,963,965,967,969,971,973,975,977,979,981,983,985,987,989,991,993,995,997,999,1001,1003,1005,1007,1009,1011,1013,1015,1017,1019,1021,1023,1025,1027,1029,1031,1033,1035,1037,1039,1041,1043,1045,1047,1049,1051,1053,1055,1057,1059,1061,1063,1065,1067,1069,1071,1073,1075,1077,1079,1081,1083,1085,1087,1089,1091,1093,1095,1097,1099,1101,1103,1105,1107,1109,1111,1113,1115,1117,1119,1121,1123,1125,1127,1129,1131,1133,1135,1137,1139,1141,1143,1145,1147,1149,1151,1153,1155,1157,1159,1161,1163,1165,1167,1169,1171,1173,1175,1177,1179,1181,1183,1185,1187,1189,1191,1193,1195,1197,1199,1201,1203,1205,1207,1209,1211,1213,1215,1217,1219,1221,1223,1225,1227,1229,1231,1233,1235,1237,1239,1241,1243,1245,1247,1249,1251,1253,1255,1257,1259,1261,1263,1265,1267,1269,1271,1273,1275,1277,1279,1281,1283,1285,1287,1289,1291,1293,1295,1297,1299,1301,1303,1305,1307,1309,1311,1313,1315,1317,1319,1321,1323,1325,1327,1329,1331,1333,1335,1337,1339,1341,1343,1345,1347,1349,1351,1353,1355,1357,1359,1361,1363,1365,1367,1369,1371,1373,1375,1377,1379,1381,1383,1385,1387,1389,1391,1393,1395,1397,1399,1401,1403,1405,1407,1409,1411,1413,1415,1417,1419,1421,1423,1425,1427,1429,1431,1433,1435,1437,1439,1441,1443,1445,1447,1449,1451,1453,1455,1457,1459,1461,1463,1465,1467,1469,1471,1473,1475,1477,1479,1481,1483,1485,1487,1489,1491,1493,1495,1497,1499,1501,1503,1505,1507,1509,1511,1513,1515,1517,1519,1521,1523,1525,1527,1529,1531,1533,1535,1537,1539,1541,1543,1545,1547,1549,1551,1553,1555,1557,1559,1561,1563,1565,1567,1569,1571,1573,1575,1577,1579,1581,1583,1585,1587,1589,1591,1593,1595,1597,1599,1601,1603,1605,1607,1609,1611,1613,1615,1617,1619,1621,1623,1625,1627,1629,1631,1633,1635,1637,1639,1641,1643,1645,1647,1649,1651,1653,1655,1657,1659,1661,1663,1665,1667,1669,1671,1673,1675,1677,1679,1681,1683,1685,1687,1689,1691,1693,1695,1697,1699,1701,1703,1705,1707,1709,1711,1713,1715,1717,1719,1721,1723,1725,1727,1729,1731,1733,1735,1737,1739,1741,1743,1745,1747,1749,1751,1753,1755,1757,1759,1761,1763,1765,1767,1769,1771,1773,1775,1777,1779,1781,1783,1785,1787,1789,1791,1793,1795,1797,1799,1801,1803,1805,1807,1809,1811,1813,1815,1817,1819,1821,1823,1825,1827,1829,1831,1833,1835,1837,1839,1841,1843,1845,1847,1849,1851,1853,1855,1857,1859,1861,1863,1865,1867,1869,1871,1873,1875,1877,1879,1881,1883,1885,1887,1889,1891,1893,1895,1897,1899,1901,1903,1905,1907,1909,1911,1913,1915,1917,1919,1921,1923,1925,1927,1929,1931,1933,1935,1937,1939,1941,1943,1945,1947,1949,1951,1953,1955,1957,1959,1961,1963,1965,1967,1969,1971,1973,1975,1977,1979,1981,1983,1985,1987,1989,1991,1993,1995,1997,1999,2001,2003,2005,2007,2009,2011,2013,2015,2017,2019,2021,2023,2025,2027,2029,2031,2033,2035,2037,2039,2041,2043,2045,2047,2049,2051,2053,2055,2057,2059,2061,2063,2065,2067,2069,2071,2073,2075,2077,2079,2081,2083,2085,2087,2089,2091,2093,2095,2097,2099,2101,2103,2105,2107,2109,2111,2113,2115,2117,2119,2121,2123,2125,2127,2129,2131,2133,2135,2137,2139,2141,2143,2145,2147,2149,2151,2153,2155,2157,2159,2161,2163,2165,2167,2169,2171,2173,2175,2177,2179,2181,2183,2185,2187,2189,2191,2193,2195,2197,2199,2201,2203,2205,2207,2209,2211,2213,2215,2217,2219,2221,2223,2225,2227,2229,2231,2233,2235,2237,2239,2241,2243,2245,2247,2249,2251,2253,2255,2257,2259,2261,2263,2265,2267,2269,2271,2273,2275,2277,2279,2281,2283,2285,2287,2289,2291,2293,2295,2297,2299,2301,2303,2305,2307,2309,2311,2313,2315,2317,2319,2321,2323,2325,2327,2329,2331,2333,2335,2337,2339,2341,2343,2345,2347,2349,2351,2353,2355,2357,2359,2361,2363,2365,2367,2369,2371,2373,2375,2377,2379,2381,2383,2385,2387,2389,2391,2393,2395,2397,2399,2401,2403,2405,2407,2409,2411,2413,2415,2417,2419,2421,2423,2425,2427,2429,2431,2433,2435,2437,2439,2441,2443,2445,2447,2449,2451,2453,2455,2457,2459,2461,2463,2465,2467,2469,2471,2473,2475,2477,2479,2481,2483,2485,2487,2489,2491,2493,2495,2497,2499,2501,2503,2505,2507,2509,2511,2513,2515,2517,2519,2521,2523,2525,2527,2529,2531,2533,2535,2537,2539,2541,2543,2545,2547,2549,2551,2553,2555,2557,2559,2561,2563,2565,2567,2569,2571,2573,2575,2577,2579,2581,2583,2585,2587,2589,2591,2593,2595,2597,2599,2601,2603,2605,2607,2609,2611,2613,2615,2617,2619,2621,2623,2625,2627,2629,2631,2633,2635,2637,2639,2641,2643,2645,2647,2649,2651,2653,2655,2657,2659,2661,2663,2665,2667,2669,2671,2673,2675,2677,2679,2681,2683,2685,2687,2689,2691,2693,2695,2697,2699,2701,2703,2705,2707,2709,2711,2713,2715,2717,2719,2721,2723,2725,2727,2729,2731,2733,2735,2737,2739,2741,2743,2745,2747,2749,2751,2753,2755,2757,2759,2761,2763,2765,2767,2769,2771,2773,2775,2777,2779,2781,2783,2785,2787,2789,2791,2793,2795,2797,2799,2801,2803,2805,2807,2809,2811,2813,2815,2817,2819,2821,2823,2825,2827,2829,2831,2833,2835,2837,2839,2841,2843,2845,2847,2849,2851,2853,2855,2857,2859,2861,2863,2865,2867,2869,2871,2873,2875,2877,2879,2881,2883,2885,2887,2889,2891,2893,2895,2897,2899,2901,2903,2905,2907,2909,2911,2913,2915,2917,2919,2921,2923,2925,2927,2929,2931,2933,2935,2937,2939,2941,2943,2945,2947,2949,2951,2953,2955,2957,2959,2961,2963,2965,2967,2969,2971,2973,2975,2977,2979,2981,2983,2985,2987,2989,2991,2993,2995,2997,2999,3001,3003,3005,3007,3009,3011,3013,3015,3017,3019,3021,3023,3025,3027,3029,3031,3033,3035,3037,3039,3041,3043,3045,3047,3049,3051,3053,3055,3057,3059,3061,3063,3065,3067,3069,3071,3073,3075,3077,3079,3081,3083,3085,3087,3089,3091,3093,3095,3097,3099,3101,3103,3105,3107,3109,3111,3113,3115,3117,3119,3121,3123,3125,3127,3129,3131,3133,3135,3137,3139,3141,3143,3145,3147,3149,3151,3153,3155,3157,3159,3161,3163,3165,3167,3169,3171,3173,3175,3177,3179,3181,3183,3185,3187,3189,3191,3193,3195,3197,3199,3201,3203,3205,3207,3209,3211,3213,3215,3217,3219,3221,3223,3225,3227,3229,3231,3233,3235,3237,3239,3241,3243,3245,3247,3249,3251,3253,3255,3257,3259,3261,3263,3265,3267,3269,3271,3273,3275,3277,3279,3281,3283,3285,3287,3289,3291,3293,3295,3297,3299,3301,3303,3305,3307,3309,3311,3313,3315,3317,3319,3321,3323,3325,3327,3329,3331,3333,3335,3337,3339,3341,3343,3345,3347,3349,3351,3353,3355,3357,3359,3361,3363,3365,3367,3369,3371,3373,3375,3377,3379,3381,3383,3385,3387,3389,3391,3393,3395,3397,3399,3401,3403,3405,3407,3409,3411,3413,3415,3417,3419,3421,3423,3425,3427,3429,3431,3433,3435,3437,3439,3441,3443,3445,3447,3449,3451,3453,3455,3457,3459,3461,3463,3465,3467,3469,3471,3473,3475,3477,3479,3481,3483,3485,3487,3489,3491,3493,3495,3497,3499,3501,3503,3505,3507,3509,3511,3513,3515,3517,3519,3521,3523,3525,3527,3529,3531,3533,3535,3537,3539,3541,3543,3545,3547,3549,3551,3553,3555,3557,3559,3561,3563,3565,3567,3569,3571,3573,3575,3577,3579,3581,3583,3585,3587,3589,3591,3593,3595,3597,3599,3601,3603,3605,3607,3609,3611,3613,3615,3617,3619,3621,3623,3625,3627,3629,3631,3633,3635,3637,3639,3641,3643,3645,3647,3649,3651,3653,3655,3657,3659,3661,3663,3665,3667,3669],{"categories":88},[89],"Developer Productivity",{"categories":91},[92],"Business & SaaS",{"categories":94},[95],"AI & LLMs",{"categories":97},[98],"AI Automation",{"categories":100},[101],"Product Strategy",{"categories":103},[95],{"categories":105},[89],{"categories":107},[92],{"categories":109},[],{"categories":111},[95],{"categories":113},[],{"categories":115},[116],"AI News & Trends",{"categories":118},[98],{"categories":120},[116],{"categories":122},[98],{"categories":124},[98],{"categories":126},[95],{"categories":128},[95],{"categories":130},[116],{"categories":132},[95],{"categories":134},[],{"categories":136},[47],{"categories":138},[139],"Data Science & Visualization",{"categories":141},[116],{"categories":143},[],{"categories":145},[146],"Software Engineering",{"categories":148},[95],{"categories":150},[98],{"categories":152},[153],"Marketing & Growth",{"categories":155},[95],{"categories":157},[98],{"categories":159},[],{"categories":161},[],{"categories":163},[47],{"categories":165},[98],{"categories":167},[89],{"categories":169},[47],{"categories":171},[95],{"categories":173},[98],{"categories":175},[116],{"categories":177},[],{"categories":179},[],{"categories":181},[98],{"categories":183},[146],{"categories":185},[],{"categories":187},[92],{"categories":189},[],{"categories":191},[],{"categories":193},[98],{"categories":195},[98],{"categories":197},[95],{"categories":199},[],{"categories":201},[146],{"categories":203},[],{"categories":205},[],{"categories":207},[],{"categories":209},[95],{"categories":211},[153],{"categories":213},[47],{"categories":215},[47],{"categories":217},[95],{"categories":219},[98],{"categories":221},[95],{"categories":223},[95],{"categories":225},[98],{"categories":227},[98],{"categories":229},[139],{"categories":231},[116],{"categories":233},[98],{"categories":235},[153],{"categories":237},[98],{"categories":239},[101],{"categories":241},[],{"categories":243},[98],{"categories":245},[],{"categories":247},[98],{"categories":249},[146],{"categories":251},[47],{"categories":253},[95],{"categories":255},[],{"categories":257},[],{"categories":259},[98],{"categories":261},[],{"categories":263},[95],{"categories":265},[],{"categories":267},[89],{"categories":269},[146],{"categories":271},[92],{"categories":273},[116],{"categories":275},[95],{"categories":277},[],{"categories":279},[95],{"categories":281},[],{"categories":283},[146],{"categories":285},[139],{"categories":287},[],{"categories":289},[95],{"categories":291},[47],{"categories":293},[],{"categories":295},[47],{"categories":297},[98],{"categories":299},[],{"categories":301},[98],{"categories":303},[116],{"categories":305},[92],{"categories":307},[95],{"categories":309},[],{"categories":311},[98],{"categories":313},[95],{"categories":315},[101],{"categories":317},[],{"categories":319},[95],{"categories":321},[98],{"categories":323},[98],{"categories":325},[],{"categories":327},[139],{"categories":329},[95],{"categories":331},[],{"categories":333},[89],{"categories":335},[92],{"categories":337},[95],{"categories":339},[98],{"categories":341},[146],{"categories":343},[95],{"categories":345},[],{"categories":347},[],{"categories":349},[95],{"categories":351},[],{"categories":353},[47],{"categories":355},[],{"categories":357},[95],{"categories":359},[],{"categories":361},[98],{"categories":363},[95],{"categories":365},[47],{"categories":367},[],{"categories":369},[95],{"categories":371},[95],{"categories":373},[92],{"categories":375},[98],{"categories":377},[95],{"categories":379},[47],{"categories":381},[98],{"categories":383},[],{"categories":385},[],{"categories":387},[116],{"categories":389},[],{"categories":391},[95],{"categories":393},[92,153],{"categories":395},[],{"categories":397},[95],{"categories":399},[],{"categories":401},[],{"categories":403},[95],{"categories":405},[],{"categories":407},[95],{"categories":409},[410],"DevOps & Cloud",{"categories":412},[],{"categories":414},[116],{"categories":416},[47],{"categories":418},[],{"categories":420},[116],{"categories":422},[116],{"categories":424},[95],{"categories":426},[153],{"categories":428},[],{"categories":430},[92],{"categories":432},[],{"categories":434},[95,410],{"categories":436},[95],{"categories":438},[95],{"categories":440},[98],{"categories":442},[95,146],{"categories":444},[139],{"categories":446},[95],{"categories":448},[153],{"categories":450},[98],{"categories":452},[98],{"categories":454},[],{"categories":456},[98],{"categories":458},[95,92],{"categories":460},[],{"categories":462},[47],{"categories":464},[47],{"categories":466},[],{"categories":468},[],{"categories":470},[116],{"categories":472},[],{"categories":474},[89],{"categories":476},[146],{"categories":478},[95],{"categories":480},[47],{"categories":482},[98],{"categories":484},[146],{"categories":486},[116],{"categories":488},[47],{"categories":490},[],{"categories":492},[95],{"categories":494},[95],{"categories":496},[95],{"categories":498},[116],{"categories":500},[89],{"categories":502},[95],{"categories":504},[98],{"categories":506},[410],{"categories":508},[47],{"categories":510},[98],{"categories":512},[],{"categories":514},[],{"categories":516},[47],{"categories":518},[116],{"categories":520},[139],{"categories":522},[],{"categories":524},[95],{"categories":526},[95],{"categories":528},[92],{"categories":530},[95],{"categories":532},[95],{"categories":534},[116],{"categories":536},[],{"categories":538},[98],{"categories":540},[146],{"categories":542},[],{"categories":544},[95],{"categories":546},[95],{"categories":548},[98],{"categories":550},[],{"categories":552},[],{"categories":554},[95],{"categories":556},[],{"categories":558},[92],{"categories":560},[98],{"categories":562},[],{"categories":564},[89],{"categories":566},[95],{"categories":568},[92],{"categories":570},[116],{"categories":572},[],{"categories":574},[],{"categories":576},[],{"categories":578},[116],{"categories":580},[116],{"categories":582},[],{"categories":584},[],{"categories":586},[92],{"categories":588},[],{"categories":590},[],{"categories":592},[89],{"categories":594},[],{"categories":596},[153],{"categories":598},[98],{"categories":600},[92],{"categories":602},[98],{"categories":604},[146],{"categories":606},[],{"categories":608},[101],{"categories":610},[47],{"categories":612},[146],{"categories":614},[95],{"categories":616},[98],{"categories":618},[92],{"categories":620},[95],{"categories":622},[],{"categories":624},[],{"categories":626},[146],{"categories":628},[139],{"categories":630},[101],{"categories":632},[98],{"categories":634},[95],{"categories":636},[],{"categories":638},[410],{"categories":640},[],{"categories":642},[98],{"categories":644},[],{"categories":646},[],{"categories":648},[95],{"categories":650},[47],{"categories":652},[153],{"categories":654},[98],{"categories":656},[],{"categories":658},[89],{"categories":660},[],{"categories":662},[116],{"categories":664},[95,410],{"categories":666},[116],{"categories":668},[95],{"categories":670},[92],{"categories":672},[95],{"categories":674},[],{"categories":676},[92],{"categories":678},[],{"categories":680},[146],{"categories":682},[47],{"categories":684},[116],{"categories":686},[139],{"categories":688},[89],{"categories":690},[95],{"categories":692},[146],{"categories":694},[],{"categories":696},[],{"categories":698},[101],{"categories":700},[],{"categories":702},[95],{"categories":704},[],{"categories":706},[47],{"categories":708},[47],{"categories":710},[47],{"categories":712},[],{"categories":714},[],{"categories":716},[116],{"categories":718},[98],{"categories":720},[95],{"categories":722},[95],{"categories":724},[95],{"categories":726},[92],{"categories":728},[95],{"categories":730},[],{"categories":732},[146],{"categories":734},[146],{"categories":736},[92],{"categories":738},[],{"categories":740},[95],{"categories":742},[95],{"categories":744},[92],{"categories":746},[116],{"categories":748},[153],{"categories":750},[98],{"categories":752},[],{"categories":754},[47],{"categories":756},[],{"categories":758},[95],{"categories":760},[],{"categories":762},[92],{"categories":764},[98],{"categories":766},[],{"categories":768},[410],{"categories":770},[139],{"categories":772},[146],{"categories":774},[153],{"categories":776},[146],{"categories":778},[98],{"categories":780},[],{"categories":782},[],{"categories":784},[98],{"categories":786},[89],{"categories":788},[98],{"categories":790},[101],{"categories":792},[92],{"categories":794},[],{"categories":796},[95],{"categories":798},[101],{"categories":800},[95],{"categories":802},[95],{"categories":804},[153],{"categories":806},[47],{"categories":808},[98],{"categories":810},[],{"categories":812},[],{"categories":814},[410],{"categories":816},[146],{"categories":818},[],{"categories":820},[98],{"categories":822},[95],{"categories":824},[47,95],{"categories":826},[89],{"categories":828},[],{"categories":830},[95],{"categories":832},[89],{"categories":834},[47],{"categories":836},[98],{"categories":838},[146],{"categories":840},[],{"categories":842},[95],{"categories":844},[],{"categories":846},[89],{"categories":848},[],{"categories":850},[98],{"categories":852},[101],{"categories":854},[95],{"categories":856},[95],{"categories":858},[47],{"categories":860},[98],{"categories":862},[410],{"categories":864},[47],{"categories":866},[98],{"categories":868},[95],{"categories":870},[95],{"categories":872},[95],{"categories":874},[116],{"categories":876},[],{"categories":878},[101],{"categories":880},[98],{"categories":882},[47],{"categories":884},[98],{"categories":886},[146],{"categories":888},[47],{"categories":890},[98],{"categories":892},[116],{"categories":894},[],{"categories":896},[95],{"categories":898},[47],{"categories":900},[95],{"categories":902},[89],{"categories":904},[116],{"categories":906},[95],{"categories":908},[153],{"categories":910},[95],{"categories":912},[95],{"categories":914},[98],{"categories":916},[98],{"categories":918},[95],{"categories":920},[98],{"categories":922},[47],{"categories":924},[95],{"categories":926},[],{"categories":928},[],{"categories":930},[146],{"categories":932},[],{"categories":934},[89],{"categories":936},[410],{"categories":938},[],{"categories":940},[89],{"categories":942},[92],{"categories":944},[153],{"categories":946},[],{"categories":948},[92],{"categories":950},[],{"categories":952},[],{"categories":954},[],{"categories":956},[],{"categories":958},[],{"categories":960},[95],{"categories":962},[98],{"categories":964},[410],{"categories":966},[89],{"categories":968},[95],{"categories":970},[146],{"categories":972},[101],{"categories":974},[95],{"categories":976},[153],{"categories":978},[95],{"categories":980},[95],{"categories":982},[95],{"categories":984},[95,89],{"categories":986},[146],{"categories":988},[146],{"categories":990},[47],{"categories":992},[95],{"categories":994},[],{"categories":996},[],{"categories":998},[],{"categories":1000},[146],{"categories":1002},[139],{"categories":1004},[116],{"categories":1006},[47],{"categories":1008},[],{"categories":1010},[95],{"categories":1012},[95],{"categories":1014},[],{"categories":1016},[],{"categories":1018},[98],{"categories":1020},[95],{"categories":1022},[92],{"categories":1024},[],{"categories":1026},[89],{"categories":1028},[95],{"categories":1030},[89],{"categories":1032},[95],{"categories":1034},[146],{"categories":1036},[153],{"categories":1038},[95,47],{"categories":1040},[116],{"categories":1042},[47],{"categories":1044},[],{"categories":1046},[410],{"categories":1048},[47],{"categories":1050},[98],{"categories":1052},[],{"categories":1054},[],{"categories":1056},[],{"categories":1058},[],{"categories":1060},[146],{"categories":1062},[98],{"categories":1064},[98],{"categories":1066},[410],{"categories":1068},[95],{"categories":1070},[95],{"categories":1072},[95],{"categories":1074},[],{"categories":1076},[47],{"categories":1078},[],{"categories":1080},[],{"categories":1082},[98],{"categories":1084},[],{"categories":1086},[],{"categories":1088},[153],{"categories":1090},[153],{"categories":1092},[98],{"categories":1094},[],{"categories":1096},[95],{"categories":1098},[95],{"categories":1100},[146],{"categories":1102},[47],{"categories":1104},[47],{"categories":1106},[98],{"categories":1108},[89],{"categories":1110},[95],{"categories":1112},[47],{"categories":1114},[47],{"categories":1116},[98],{"categories":1118},[98],{"categories":1120},[95],{"categories":1122},[],{"categories":1124},[],{"categories":1126},[95],{"categories":1128},[98],{"categories":1130},[116],{"categories":1132},[146],{"categories":1134},[89],{"categories":1136},[95],{"categories":1138},[],{"categories":1140},[98],{"categories":1142},[98],{"categories":1144},[],{"categories":1146},[89],{"categories":1148},[95],{"categories":1150},[89],{"categories":1152},[89],{"categories":1154},[],{"categories":1156},[],{"categories":1158},[98],{"categories":1160},[98],{"categories":1162},[95],{"categories":1164},[95],{"categories":1166},[116],{"categories":1168},[139],{"categories":1170},[101],{"categories":1172},[116],{"categories":1174},[47],{"categories":1176},[],{"categories":1178},[116],{"categories":1180},[],{"categories":1182},[],{"categories":1184},[],{"categories":1186},[],{"categories":1188},[146],{"categories":1190},[139],{"categories":1192},[],{"categories":1194},[95],{"categories":1196},[95],{"categories":1198},[139],{"categories":1200},[146],{"categories":1202},[],{"categories":1204},[],{"categories":1206},[98],{"categories":1208},[116],{"categories":1210},[116],{"categories":1212},[98],{"categories":1214},[89],{"categories":1216},[95,410],{"categories":1218},[],{"categories":1220},[47],{"categories":1222},[89],{"categories":1224},[98],{"categories":1226},[47],{"categories":1228},[],{"categories":1230},[98],{"categories":1232},[98],{"categories":1234},[95],{"categories":1236},[153],{"categories":1238},[146],{"categories":1240},[47],{"categories":1242},[],{"categories":1244},[98],{"categories":1246},[95],{"categories":1248},[98],{"categories":1250},[98],{"categories":1252},[98],{"categories":1254},[153],{"categories":1256},[98],{"categories":1258},[95],{"categories":1260},[],{"categories":1262},[153],{"categories":1264},[116],{"categories":1266},[98],{"categories":1268},[],{"categories":1270},[],{"categories":1272},[95],{"categories":1274},[98],{"categories":1276},[116],{"categories":1278},[98],{"categories":1280},[],{"categories":1282},[],{"categories":1284},[],{"categories":1286},[98],{"categories":1288},[],{"categories":1290},[],{"categories":1292},[139],{"categories":1294},[95],{"categories":1296},[139],{"categories":1298},[116],{"categories":1300},[95],{"categories":1302},[95],{"categories":1304},[98],{"categories":1306},[95],{"categories":1308},[],{"categories":1310},[],{"categories":1312},[410],{"categories":1314},[],{"categories":1316},[],{"categories":1318},[89],{"categories":1320},[],{"categories":1322},[],{"categories":1324},[],{"categories":1326},[],{"categories":1328},[146],{"categories":1330},[116],{"categories":1332},[153],{"categories":1334},[92],{"categories":1336},[95],{"categories":1338},[95],{"categories":1340},[92],{"categories":1342},[],{"categories":1344},[47],{"categories":1346},[98],{"categories":1348},[92],{"categories":1350},[95],{"categories":1352},[95],{"categories":1354},[89],{"categories":1356},[],{"categories":1358},[89],{"categories":1360},[95],{"categories":1362},[153],{"categories":1364},[98],{"categories":1366},[116],{"categories":1368},[92],{"categories":1370},[95],{"categories":1372},[98],{"categories":1374},[],{"categories":1376},[95],{"categories":1378},[89],{"categories":1380},[95],{"categories":1382},[],{"categories":1384},[116],{"categories":1386},[95],{"categories":1388},[],{"categories":1390},[92],{"categories":1392},[95],{"categories":1394},[],{"categories":1396},[],{"categories":1398},[],{"categories":1400},[95],{"categories":1402},[],{"categories":1404},[410],{"categories":1406},[95],{"categories":1408},[],{"categories":1410},[95],{"categories":1412},[95],{"categories":1414},[95],{"categories":1416},[95,410],{"categories":1418},[95],{"categories":1420},[95],{"categories":1422},[47],{"categories":1424},[98],{"categories":1426},[],{"categories":1428},[98],{"categories":1430},[95],{"categories":1432},[95],{"categories":1434},[95],{"categories":1436},[89],{"categories":1438},[89],{"categories":1440},[146],{"categories":1442},[47],{"categories":1444},[98],{"categories":1446},[],{"categories":1448},[95],{"categories":1450},[116],{"categories":1452},[95],{"categories":1454},[92],{"categories":1456},[],{"categories":1458},[410],{"categories":1460},[47],{"categories":1462},[47],{"categories":1464},[98],{"categories":1466},[116],{"categories":1468},[98],{"categories":1470},[95],{"categories":1472},[],{"categories":1474},[95],{"categories":1476},[],{"categories":1478},[],{"categories":1480},[95],{"categories":1482},[95],{"categories":1484},[95],{"categories":1486},[98],{"categories":1488},[95],{"categories":1490},[],{"categories":1492},[139],{"categories":1494},[98],{"categories":1496},[],{"categories":1498},[],{"categories":1500},[95],{"categories":1502},[116],{"categories":1504},[],{"categories":1506},[47],{"categories":1508},[410],{"categories":1510},[116],{"categories":1512},[146],{"categories":1514},[146],{"categories":1516},[116],{"categories":1518},[116],{"categories":1520},[410],{"categories":1522},[],{"categories":1524},[116],{"categories":1526},[95],{"categories":1528},[89],{"categories":1530},[116],{"categories":1532},[],{"categories":1534},[139],{"categories":1536},[116],{"categories":1538},[146],{"categories":1540},[116],{"categories":1542},[410],{"categories":1544},[95],{"categories":1546},[95],{"categories":1548},[],{"categories":1550},[92],{"categories":1552},[],{"categories":1554},[],{"categories":1556},[95],{"categories":1558},[95],{"categories":1560},[95],{"categories":1562},[95],{"categories":1564},[],{"categories":1566},[139],{"categories":1568},[89],{"categories":1570},[],{"categories":1572},[95],{"categories":1574},[95],{"categories":1576},[410],{"categories":1578},[410],{"categories":1580},[],{"categories":1582},[98],{"categories":1584},[116],{"categories":1586},[116],{"categories":1588},[95],{"categories":1590},[98],{"categories":1592},[],{"categories":1594},[47],{"categories":1596},[95],{"categories":1598},[95],{"categories":1600},[],{"categories":1602},[],{"categories":1604},[410],{"categories":1606},[95],{"categories":1608},[146],{"categories":1610},[92],{"categories":1612},[95],{"categories":1614},[],{"categories":1616},[98],{"categories":1618},[89],{"categories":1620},[89],{"categories":1622},[],{"categories":1624},[95],{"categories":1626},[47],{"categories":1628},[98],{"categories":1630},[],{"categories":1632},[95],{"categories":1634},[95],{"categories":1636},[98],{"categories":1638},[],{"categories":1640},[98],{"categories":1642},[146],{"categories":1644},[],{"categories":1646},[95],{"categories":1648},[],{"categories":1650},[95],{"categories":1652},[],{"categories":1654},[95],{"categories":1656},[95],{"categories":1658},[],{"categories":1660},[95],{"categories":1662},[116],{"categories":1664},[95],{"categories":1666},[95],{"categories":1668},[89],{"categories":1670},[95],{"categories":1672},[116],{"categories":1674},[98],{"categories":1676},[],{"categories":1678},[95],{"categories":1680},[153],{"categories":1682},[],{"categories":1684},[],{"categories":1686},[],{"categories":1688},[89],{"categories":1690},[116],{"categories":1692},[98],{"categories":1694},[95],{"categories":1696},[47],{"categories":1698},[98],{"categories":1700},[],{"categories":1702},[98],{"categories":1704},[],{"categories":1706},[95],{"categories":1708},[98],{"categories":1710},[95],{"categories":1712},[],{"categories":1714},[95],{"categories":1716},[95],{"categories":1718},[116],{"categories":1720},[47],{"categories":1722},[98],{"categories":1724},[47],{"categories":1726},[92],{"categories":1728},[],{"categories":1730},[],{"categories":1732},[95],{"categories":1734},[89],{"categories":1736},[116],{"categories":1738},[],{"categories":1740},[],{"categories":1742},[146],{"categories":1744},[47],{"categories":1746},[],{"categories":1748},[95],{"categories":1750},[],{"categories":1752},[153],{"categories":1754},[95],{"categories":1756},[410],{"categories":1758},[146],{"categories":1760},[],{"categories":1762},[98],{"categories":1764},[95],{"categories":1766},[98],{"categories":1768},[98],{"categories":1770},[95],{"categories":1772},[],{"categories":1774},[89],{"categories":1776},[95],{"categories":1778},[92],{"categories":1780},[146],{"categories":1782},[47],{"categories":1784},[],{"categories":1786},[],{"categories":1788},[],{"categories":1790},[98],{"categories":1792},[47],{"categories":1794},[116],{"categories":1796},[95],{"categories":1798},[116],{"categories":1800},[47],{"categories":1802},[],{"categories":1804},[47],{"categories":1806},[116],{"categories":1808},[92],{"categories":1810},[95],{"categories":1812},[116],{"categories":1814},[153],{"categories":1816},[],{"categories":1818},[],{"categories":1820},[139],{"categories":1822},[95,146],{"categories":1824},[116],{"categories":1826},[95],{"categories":1828},[98],{"categories":1830},[98],{"categories":1832},[95],{"categories":1834},[],{"categories":1836},[146],{"categories":1838},[95],{"categories":1840},[139],{"categories":1842},[98],{"categories":1844},[153],{"categories":1846},[410],{"categories":1848},[],{"categories":1850},[89],{"categories":1852},[98],{"categories":1854},[98],{"categories":1856},[146],{"categories":1858},[95],{"categories":1860},[95],{"categories":1862},[],{"categories":1864},[],{"categories":1866},[],{"categories":1868},[410],{"categories":1870},[116],{"categories":1872},[95],{"categories":1874},[95],{"categories":1876},[95],{"categories":1878},[],{"categories":1880},[139],{"categories":1882},[92],{"categories":1884},[],{"categories":1886},[98],{"categories":1888},[410],{"categories":1890},[],{"categories":1892},[47],{"categories":1894},[47],{"categories":1896},[],{"categories":1898},[146],{"categories":1900},[47],{"categories":1902},[95],{"categories":1904},[],{"categories":1906},[116],{"categories":1908},[95],{"categories":1910},[47],{"categories":1912},[98],{"categories":1914},[116],{"categories":1916},[],{"categories":1918},[98],{"categories":1920},[47],{"categories":1922},[95],{"categories":1924},[],{"categories":1926},[95],{"categories":1928},[95],{"categories":1930},[410],{"categories":1932},[116],{"categories":1934},[139],{"categories":1936},[139],{"categories":1938},[],{"categories":1940},[],{"categories":1942},[],{"categories":1944},[98],{"categories":1946},[146],{"categories":1948},[146],{"categories":1950},[],{"categories":1952},[],{"categories":1954},[95],{"categories":1956},[],{"categories":1958},[98],{"categories":1960},[95],{"categories":1962},[],{"categories":1964},[95],{"categories":1966},[92],{"categories":1968},[95],{"categories":1970},[153],{"categories":1972},[98],{"categories":1974},[95],{"categories":1976},[146],{"categories":1978},[116],{"categories":1980},[98],{"categories":1982},[],{"categories":1984},[116],{"categories":1986},[98],{"categories":1988},[98],{"categories":1990},[],{"categories":1992},[92],{"categories":1994},[98],{"categories":1996},[],{"categories":1998},[95],{"categories":2000},[89],{"categories":2002},[116],{"categories":2004},[410],{"categories":2006},[98],{"categories":2008},[98],{"categories":2010},[89],{"categories":2012},[95],{"categories":2014},[],{"categories":2016},[],{"categories":2018},[47],{"categories":2020},[95,92],{"categories":2022},[],{"categories":2024},[89],{"categories":2026},[139],{"categories":2028},[95],{"categories":2030},[146],{"categories":2032},[95],{"categories":2034},[98],{"categories":2036},[95],{"categories":2038},[95],{"categories":2040},[116],{"categories":2042},[98],{"categories":2044},[],{"categories":2046},[],{"categories":2048},[98],{"categories":2050},[95],{"categories":2052},[410],{"categories":2054},[],{"categories":2056},[95],{"categories":2058},[98],{"categories":2060},[],{"categories":2062},[95],{"categories":2064},[153],{"categories":2066},[139],{"categories":2068},[98],{"categories":2070},[95],{"categories":2072},[410],{"categories":2074},[],{"categories":2076},[95],{"categories":2078},[153],{"categories":2080},[47],{"categories":2082},[95],{"categories":2084},[],{"categories":2086},[153],{"categories":2088},[116],{"categories":2090},[95],{"categories":2092},[95],{"categories":2094},[89],{"categories":2096},[],{"categories":2098},[],{"categories":2100},[47],{"categories":2102},[95],{"categories":2104},[139],{"categories":2106},[153],{"categories":2108},[153],{"categories":2110},[116],{"categories":2112},[],{"categories":2114},[],{"categories":2116},[95],{"categories":2118},[],{"categories":2120},[95,146],{"categories":2122},[116],{"categories":2124},[98],{"categories":2126},[146],{"categories":2128},[95],{"categories":2130},[89],{"categories":2132},[],{"categories":2134},[],{"categories":2136},[89],{"categories":2138},[153],{"categories":2140},[95],{"categories":2142},[],{"categories":2144},[47,95],{"categories":2146},[410],{"categories":2148},[89],{"categories":2150},[],{"categories":2152},[92],{"categories":2154},[92],{"categories":2156},[95],{"categories":2158},[146],{"categories":2160},[98],{"categories":2162},[116],{"categories":2164},[153],{"categories":2166},[47],{"categories":2168},[95],{"categories":2170},[95],{"categories":2172},[95],{"categories":2174},[89],{"categories":2176},[95],{"categories":2178},[98],{"categories":2180},[116],{"categories":2182},[],{"categories":2184},[],{"categories":2186},[139],{"categories":2188},[146],{"categories":2190},[95],{"categories":2192},[47],{"categories":2194},[139],{"categories":2196},[95],{"categories":2198},[95],{"categories":2200},[98],{"categories":2202},[98],{"categories":2204},[95,92],{"categories":2206},[],{"categories":2208},[47],{"categories":2210},[],{"categories":2212},[95],{"categories":2214},[116],{"categories":2216},[89],{"categories":2218},[89],{"categories":2220},[98],{"categories":2222},[95],{"categories":2224},[92],{"categories":2226},[146],{"categories":2228},[153],{"categories":2230},[],{"categories":2232},[116],{"categories":2234},[95],{"categories":2236},[95],{"categories":2238},[116],{"categories":2240},[146],{"categories":2242},[95],{"categories":2244},[98],{"categories":2246},[116],{"categories":2248},[95],{"categories":2250},[47],{"categories":2252},[95],{"categories":2254},[95],{"categories":2256},[410],{"categories":2258},[101],{"categories":2260},[98],{"categories":2262},[95],{"categories":2264},[116],{"categories":2266},[98],{"categories":2268},[153],{"categories":2270},[95],{"categories":2272},[],{"categories":2274},[95],{"categories":2276},[],{"categories":2278},[],{"categories":2280},[],{"categories":2282},[92],{"categories":2284},[95],{"categories":2286},[98],{"categories":2288},[116],{"categories":2290},[116],{"categories":2292},[116],{"categories":2294},[116],{"categories":2296},[],{"categories":2298},[89],{"categories":2300},[98],{"categories":2302},[116],{"categories":2304},[89],{"categories":2306},[98],{"categories":2308},[95],{"categories":2310},[95,98],{"categories":2312},[98],{"categories":2314},[410],{"categories":2316},[116],{"categories":2318},[116],{"categories":2320},[98],{"categories":2322},[95],{"categories":2324},[],{"categories":2326},[116],{"categories":2328},[153],{"categories":2330},[89],{"categories":2332},[95],{"categories":2334},[95],{"categories":2336},[],{"categories":2338},[146],{"categories":2340},[],{"categories":2342},[89],{"categories":2344},[98],{"categories":2346},[116],{"categories":2348},[95],{"categories":2350},[116],{"categories":2352},[89],{"categories":2354},[116],{"categories":2356},[116],{"categories":2358},[],{"categories":2360},[92],{"categories":2362},[98],{"categories":2364},[116],{"categories":2366},[116],{"categories":2368},[116],{"categories":2370},[116],{"categories":2372},[116],{"categories":2374},[116],{"categories":2376},[116],{"categories":2378},[116],{"categories":2380},[116],{"categories":2382},[116],{"categories":2384},[139],{"categories":2386},[89],{"categories":2388},[95],{"categories":2390},[95],{"categories":2392},[],{"categories":2394},[95,89],{"categories":2396},[],{"categories":2398},[98],{"categories":2400},[116],{"categories":2402},[98],{"categories":2404},[95],{"categories":2406},[95],{"categories":2408},[95],{"categories":2410},[95],{"categories":2412},[95],{"categories":2414},[98],{"categories":2416},[92],{"categories":2418},[47],{"categories":2420},[116],{"categories":2422},[95],{"categories":2424},[],{"categories":2426},[],{"categories":2428},[98],{"categories":2430},[47],{"categories":2432},[95],{"categories":2434},[],{"categories":2436},[],{"categories":2438},[153],{"categories":2440},[95],{"categories":2442},[],{"categories":2444},[],{"categories":2446},[89],{"categories":2448},[92],{"categories":2450},[95],{"categories":2452},[92],{"categories":2454},[47],{"categories":2456},[],{"categories":2458},[116],{"categories":2460},[],{"categories":2462},[47],{"categories":2464},[95],{"categories":2466},[153],{"categories":2468},[],{"categories":2470},[153],{"categories":2472},[],{"categories":2474},[],{"categories":2476},[98],{"categories":2478},[],{"categories":2480},[92],{"categories":2482},[89],{"categories":2484},[47],{"categories":2486},[146],{"categories":2488},[],{"categories":2490},[],{"categories":2492},[95],{"categories":2494},[89],{"categories":2496},[153],{"categories":2498},[],{"categories":2500},[98],{"categories":2502},[98],{"categories":2504},[116],{"categories":2506},[95],{"categories":2508},[98],{"categories":2510},[95],{"categories":2512},[98],{"categories":2514},[95],{"categories":2516},[101],{"categories":2518},[116],{"categories":2520},[],{"categories":2522},[153],{"categories":2524},[146],{"categories":2526},[98],{"categories":2528},[],{"categories":2530},[95],{"categories":2532},[98],{"categories":2534},[92],{"categories":2536},[89],{"categories":2538},[95],{"categories":2540},[47],{"categories":2542},[146],{"categories":2544},[146],{"categories":2546},[95],{"categories":2548},[139],{"categories":2550},[95],{"categories":2552},[98],{"categories":2554},[92],{"categories":2556},[98],{"categories":2558},[95],{"categories":2560},[95],{"categories":2562},[98],{"categories":2564},[116],{"categories":2566},[],{"categories":2568},[89],{"categories":2570},[95],{"categories":2572},[98],{"categories":2574},[95],{"categories":2576},[95],{"categories":2578},[],{"categories":2580},[47],{"categories":2582},[92],{"categories":2584},[116],{"categories":2586},[95],{"categories":2588},[95],{"categories":2590},[47],{"categories":2592},[153],{"categories":2594},[139],{"categories":2596},[95],{"categories":2598},[116],{"categories":2600},[95],{"categories":2602},[98],{"categories":2604},[410],{"categories":2606},[95],{"categories":2608},[98],{"categories":2610},[139],{"categories":2612},[],{"categories":2614},[98],{"categories":2616},[146],{"categories":2618},[47],{"categories":2620},[95],{"categories":2622},[89],{"categories":2624},[92],{"categories":2626},[146],{"categories":2628},[],{"categories":2630},[98],{"categories":2632},[95],{"categories":2634},[],{"categories":2636},[116],{"categories":2638},[],{"categories":2640},[116],{"categories":2642},[95],{"categories":2644},[98],{"categories":2646},[98],{"categories":2648},[98],{"categories":2650},[],{"categories":2652},[],{"categories":2654},[95],{"categories":2656},[95],{"categories":2658},[],{"categories":2660},[47],{"categories":2662},[98],{"categories":2664},[153],{"categories":2666},[89],{"categories":2668},[],{"categories":2670},[],{"categories":2672},[116],{"categories":2674},[146],{"categories":2676},[95],{"categories":2678},[95],{"categories":2680},[95],{"categories":2682},[146],{"categories":2684},[116],{"categories":2686},[47],{"categories":2688},[95],{"categories":2690},[95],{"categories":2692},[95],{"categories":2694},[116],{"categories":2696},[95],{"categories":2698},[116],{"categories":2700},[98],{"categories":2702},[98],{"categories":2704},[146],{"categories":2706},[98],{"categories":2708},[95],{"categories":2710},[146],{"categories":2712},[47],{"categories":2714},[],{"categories":2716},[98],{"categories":2718},[],{"categories":2720},[],{"categories":2722},[],{"categories":2724},[92],{"categories":2726},[95],{"categories":2728},[98],{"categories":2730},[89],{"categories":2732},[98],{"categories":2734},[153],{"categories":2736},[],{"categories":2738},[98],{"categories":2740},[],{"categories":2742},[89],{"categories":2744},[98],{"categories":2746},[],{"categories":2748},[98],{"categories":2750},[95],{"categories":2752},[116],{"categories":2754},[95],{"categories":2756},[98],{"categories":2758},[116],{"categories":2760},[98],{"categories":2762},[146],{"categories":2764},[47],{"categories":2766},[89],{"categories":2768},[],{"categories":2770},[98],{"categories":2772},[47],{"categories":2774},[410],{"categories":2776},[116],{"categories":2778},[95],{"categories":2780},[47],{"categories":2782},[89],{"categories":2784},[],{"categories":2786},[98],{"categories":2788},[98],{"categories":2790},[95],{"categories":2792},[],{"categories":2794},[98],{"categories":2796},[101],{"categories":2798},[116],{"categories":2800},[98],{"categories":2802},[92],{"categories":2804},[],{"categories":2806},[95],{"categories":2808},[101],{"categories":2810},[95],{"categories":2812},[98],{"categories":2814},[116],{"categories":2816},[89],{"categories":2818},[410],{"categories":2820},[95],{"categories":2822},[95],{"categories":2824},[95],{"categories":2826},[116],{"categories":2828},[92],{"categories":2830},[95],{"categories":2832},[47],{"categories":2834},[116],{"categories":2836},[410],{"categories":2838},[95],{"categories":2840},[],{"categories":2842},[],{"categories":2844},[410],{"categories":2846},[139],{"categories":2848},[98],{"categories":2850},[98],{"categories":2852},[116],{"categories":2854},[95],{"categories":2856},[89],{"categories":2858},[47],{"categories":2860},[98],{"categories":2862},[95],{"categories":2864},[153],{"categories":2866},[95],{"categories":2868},[98],{"categories":2870},[],{"categories":2872},[95],{"categories":2874},[95],{"categories":2876},[116],{"categories":2878},[89],{"categories":2880},[],{"categories":2882},[95],{"categories":2884},[95],{"categories":2886},[146],{"categories":2888},[47],{"categories":2890},[95,98],{"categories":2892},[153,92],{"categories":2894},[95],{"categories":2896},[],{"categories":2898},[98],{"categories":2900},[],{"categories":2902},[146],{"categories":2904},[95],{"categories":2906},[116],{"categories":2908},[],{"categories":2910},[98],{"categories":2912},[],{"categories":2914},[47],{"categories":2916},[98],{"categories":2918},[89],{"categories":2920},[98],{"categories":2922},[95],{"categories":2924},[410],{"categories":2926},[153],{"categories":2928},[92],{"categories":2930},[92],{"categories":2932},[89],{"categories":2934},[89],{"categories":2936},[95],{"categories":2938},[98],{"categories":2940},[95],{"categories":2942},[95],{"categories":2944},[89],{"categories":2946},[95],{"categories":2948},[153],{"categories":2950},[116],{"categories":2952},[95],{"categories":2954},[98],{"categories":2956},[95],{"categories":2958},[],{"categories":2960},[146],{"categories":2962},[],{"categories":2964},[98],{"categories":2966},[89],{"categories":2968},[],{"categories":2970},[410],{"categories":2972},[95],{"categories":2974},[],{"categories":2976},[116],{"categories":2978},[98],{"categories":2980},[146],{"categories":2982},[95],{"categories":2984},[98],{"categories":2986},[146],{"categories":2988},[98],{"categories":2990},[116],{"categories":2992},[89],{"categories":2994},[116],{"categories":2996},[146],{"categories":2998},[95],{"categories":3000},[47],{"categories":3002},[95],{"categories":3004},[95],{"categories":3006},[95],{"categories":3008},[95],{"categories":3010},[98],{"categories":3012},[95],{"categories":3014},[98],{"categories":3016},[95],{"categories":3018},[89],{"categories":3020},[95],{"categories":3022},[98],{"categories":3024},[47],{"categories":3026},[89],{"categories":3028},[98],{"categories":3030},[47],{"categories":3032},[],{"categories":3034},[95],{"categories":3036},[95],{"categories":3038},[146],{"categories":3040},[],{"categories":3042},[98],{"categories":3044},[153],{"categories":3046},[95],{"categories":3048},[116],{"categories":3050},[153],{"categories":3052},[98],{"categories":3054},[92],{"categories":3056},[92],{"categories":3058},[95],{"categories":3060},[89],{"categories":3062},[],{"categories":3064},[95],{"categories":3066},[],{"categories":3068},[89],{"categories":3070},[95],{"categories":3072},[98],{"categories":3074},[98],{"categories":3076},[],{"categories":3078},[146],{"categories":3080},[146],{"categories":3082},[153],{"categories":3084},[47],{"categories":3086},[],{"categories":3088},[95],{"categories":3090},[89],{"categories":3092},[95],{"categories":3094},[146],{"categories":3096},[89],{"categories":3098},[116],{"categories":3100},[116],{"categories":3102},[],{"categories":3104},[116],{"categories":3106},[98],{"categories":3108},[47],{"categories":3110},[139],{"categories":3112},[95],{"categories":3114},[],{"categories":3116},[116],{"categories":3118},[146],{"categories":3120},[92],{"categories":3122},[95],{"categories":3124},[89],{"categories":3126},[410],{"categories":3128},[89],{"categories":3130},[],{"categories":3132},[],{"categories":3134},[116],{"categories":3136},[],{"categories":3138},[98],{"categories":3140},[98],{"categories":3142},[98],{"categories":3144},[],{"categories":3146},[95],{"categories":3148},[],{"categories":3150},[116],{"categories":3152},[89],{"categories":3154},[47],{"categories":3156},[95],{"categories":3158},[116],{"categories":3160},[116],{"categories":3162},[],{"categories":3164},[116],{"categories":3166},[89],{"categories":3168},[95],{"categories":3170},[],{"categories":3172},[98],{"categories":3174},[98],{"categories":3176},[89],{"categories":3178},[],{"categories":3180},[],{"categories":3182},[],{"categories":3184},[47],{"categories":3186},[98],{"categories":3188},[95],{"categories":3190},[],{"categories":3192},[],{"categories":3194},[],{"categories":3196},[47],{"categories":3198},[],{"categories":3200},[89],{"categories":3202},[],{"categories":3204},[],{"categories":3206},[47],{"categories":3208},[95],{"categories":3210},[116],{"categories":3212},[],{"categories":3214},[153],{"categories":3216},[116],{"categories":3218},[153],{"categories":3220},[95],{"categories":3222},[],{"categories":3224},[],{"categories":3226},[98],{"categories":3228},[],{"categories":3230},[],{"categories":3232},[98],{"categories":3234},[95],{"categories":3236},[],{"categories":3238},[98],{"categories":3240},[116],{"categories":3242},[153],{"categories":3244},[139],{"categories":3246},[98],{"categories":3248},[98],{"categories":3250},[],{"categories":3252},[],{"categories":3254},[],{"categories":3256},[116],{"categories":3258},[],{"categories":3260},[],{"categories":3262},[47],{"categories":3264},[89],{"categories":3266},[],{"categories":3268},[92],{"categories":3270},[153],{"categories":3272},[95],{"categories":3274},[146],{"categories":3276},[89],{"categories":3278},[139],{"categories":3280},[92],{"categories":3282},[146],{"categories":3284},[],{"categories":3286},[],{"categories":3288},[98],{"categories":3290},[89],{"categories":3292},[47],{"categories":3294},[89],{"categories":3296},[98],{"categories":3298},[410],{"categories":3300},[98],{"categories":3302},[],{"categories":3304},[95],{"categories":3306},[116],{"categories":3308},[146],{"categories":3310},[],{"categories":3312},[47],{"categories":3314},[116],{"categories":3316},[89],{"categories":3318},[98],{"categories":3320},[95],{"categories":3322},[92],{"categories":3324},[98,410],{"categories":3326},[98],{"categories":3328},[146],{"categories":3330},[95],{"categories":3332},[139],{"categories":3334},[153],{"categories":3336},[98],{"categories":3338},[],{"categories":3340},[98],{"categories":3342},[95],{"categories":3344},[92],{"categories":3346},[],{"categories":3348},[],{"categories":3350},[95],{"categories":3352},[139],{"categories":3354},[95],{"categories":3356},[],{"categories":3358},[116],{"categories":3360},[],{"categories":3362},[116],{"categories":3364},[146],{"categories":3366},[98],{"categories":3368},[95],{"categories":3370},[153],{"categories":3372},[146],{"categories":3374},[],{"categories":3376},[116],{"categories":3378},[95],{"categories":3380},[],{"categories":3382},[95],{"categories":3384},[98],{"categories":3386},[95],{"categories":3388},[98],{"categories":3390},[95],{"categories":3392},[95],{"categories":3394},[95],{"categories":3396},[95],{"categories":3398},[92],{"categories":3400},[],{"categories":3402},[101],{"categories":3404},[116],{"categories":3406},[95],{"categories":3408},[],{"categories":3410},[146],{"categories":3412},[95],{"categories":3414},[95],{"categories":3416},[98],{"categories":3418},[116],{"categories":3420},[95],{"categories":3422},[95],{"categories":3424},[92],{"categories":3426},[98],{"categories":3428},[47],{"categories":3430},[],{"categories":3432},[139],{"categories":3434},[95],{"categories":3436},[],{"categories":3438},[116],{"categories":3440},[153],{"categories":3442},[],{"categories":3444},[],{"categories":3446},[116],{"categories":3448},[116],{"categories":3450},[153],{"categories":3452},[89],{"categories":3454},[98],{"categories":3456},[98],{"categories":3458},[95],{"categories":3460},[92],{"categories":3462},[],{"categories":3464},[],{"categories":3466},[116],{"categories":3468},[139],{"categories":3470},[146],{"categories":3472},[98],{"categories":3474},[47],{"categories":3476},[139],{"categories":3478},[139],{"categories":3480},[],{"categories":3482},[116],{"categories":3484},[95],{"categories":3486},[95],{"categories":3488},[146],{"categories":3490},[],{"categories":3492},[116],{"categories":3494},[116],{"categories":3496},[116],{"categories":3498},[],{"categories":3500},[98],{"categories":3502},[95],{"categories":3504},[],{"categories":3506},[89],{"categories":3508},[92],{"categories":3510},[],{"categories":3512},[95],{"categories":3514},[95],{"categories":3516},[],{"categories":3518},[146],{"categories":3520},[],{"categories":3522},[],{"categories":3524},[],{"categories":3526},[],{"categories":3528},[95],{"categories":3530},[116],{"categories":3532},[],{"categories":3534},[],{"categories":3536},[95],{"categories":3538},[95],{"categories":3540},[95],{"categories":3542},[139],{"categories":3544},[95],{"categories":3546},[139],{"categories":3548},[],{"categories":3550},[139],{"categories":3552},[139],{"categories":3554},[410],{"categories":3556},[98],{"categories":3558},[146],{"categories":3560},[],{"categories":3562},[],{"categories":3564},[139],{"categories":3566},[146],{"categories":3568},[146],{"categories":3570},[146],{"categories":3572},[],{"categories":3574},[89],{"categories":3576},[146],{"categories":3578},[146],{"categories":3580},[89],{"categories":3582},[146],{"categories":3584},[92],{"categories":3586},[146],{"categories":3588},[146],{"categories":3590},[146],{"categories":3592},[139],{"categories":3594},[116],{"categories":3596},[116],{"categories":3598},[95],{"categories":3600},[146],{"categories":3602},[139],{"categories":3604},[410],{"categories":3606},[139],{"categories":3608},[139],{"categories":3610},[139],{"categories":3612},[],{"categories":3614},[92],{"categories":3616},[],{"categories":3618},[410],{"categories":3620},[146],{"categories":3622},[146],{"categories":3624},[146],{"categories":3626},[98],{"categories":3628},[116,92],{"categories":3630},[139],{"categories":3632},[],{"categories":3634},[],{"categories":3636},[139],{"categories":3638},[],{"categories":3640},[139],{"categories":3642},[116],{"categories":3644},[98],{"categories":3646},[],{"categories":3648},[146],{"categories":3650},[95],{"categories":3652},[47],{"categories":3654},[],{"categories":3656},[95],{"categories":3658},[],{"categories":3660},[116],{"categories":3662},[89],{"categories":3664},[139],{"categories":3666},[],{"categories":3668},[146],{"categories":3670},[116],[3672,3812,3886,4032],{"id":3673,"title":3674,"ai":3675,"body":3680,"categories":3788,"created_at":48,"date_modified":48,"description":40,"extension":49,"faq":48,"featured":50,"kicker_label":48,"meta":3789,"navigation":67,"path":3800,"published_at":48,"question":48,"scraped_at":3801,"seo":3802,"sitemap":3803,"source_id":3804,"source_name":3805,"source_type":75,"source_url":3806,"stem":3807,"tags":3808,"thumbnail_url":48,"tldr":3809,"tweet":48,"unknown_tags":3810,"__hash__":3811},"summaries\u002Fsummaries\u002F4f826eb69fc40d07-lucide-1000-consistent-svg-icons-toolkit-summary.md","Lucide: 1000+ Consistent SVG Icons Toolkit",{"provider":7,"model":8,"input_tokens":3676,"output_tokens":3677,"processing_time_ms":3678,"cost_usd":3679},6964,1280,8038,0.00201015,{"type":14,"value":3681,"toc":3783},[3682,3686,3689,3693,3701,3746,3756,3760],[17,3683,3685],{"id":3684},"core-offering-and-design-philosophy","Core Offering and Design Philosophy",[22,3687,3688],{},"Lucide provides over 1000 vector SVG icons designed for consistency across digital projects, making it simple for designers and developers to integrate symbols without style mismatches. As a community-maintained fork of Feather Icons, it prioritizes open-source accessibility under the ISC License, free for commercial and personal use. Key decision: rejects brand logos entirely due to legal risks, design inconsistency (brands dictate styles), and maintenance burden—detailed in BRAND_LOGOS_STATEMENT.md. This keeps the library lightweight and focused, with 21.5k GitHub stars, 1.2k forks, 301 contributors, and usage in 1.8m projects.",[17,3690,3692],{"id":3691},"framework-specific-packages-for-easy-integration","Framework-Specific Packages for Easy Integration",[22,3694,3695,3696,3700],{},"Use official npm packages tailored to popular frameworks, each with dedicated docs and source in the monorepo (built with TypeScript 87.2%, JavaScript 11.6%). Core ",[3697,3698,3699],"code",{},"lucide"," package delivers raw SVGs; framework wrappers handle components:",[3702,3703,3704,3724,3730,3740],"ul",{},[3705,3706,3707,3710,3711,3710,3714,3710,3717,3710,3720,3723],"li",{},[3697,3708,3709],{},"lucide-react",", ",[3697,3712,3713],{},"lucide-vue-next",[3697,3715,3716],{},"lucide-svelte",[3697,3718,3719],{},"lucide-solid",[3697,3721,3722],{},"lucide-preact"," for web apps.",[3705,3725,3726,3729],{},[3697,3727,3728],{},"lucide-react-native"," for mobile.",[3705,3731,3732,3735,3736,3739],{},[3697,3733,3734],{},"lucide-angular"," and ",[3697,3737,3738],{},"@lucide\u002Fastro"," for specialized stacks.",[3705,3741,3742,3745],{},[3697,3743,3744],{},"lucide-static"," for non-JS sites.",[22,3747,3748,3749,3735,3752,3755],{},"Latest release: v0.577.0 (Mar 4, 2026), with 654 total releases and 2,490 commits. Install via npm\u002Fpnpm; icons categorized in ",[3697,3750,3751],{},"\u002Ficons",[3697,3753,3754],{},"\u002Fcategories"," folders.",[17,3757,3759],{"id":3758},"designer-tools-and-community-support","Designer Tools and Community Support",[22,3761,3762,3763,3770,3771,3776,3777,3782],{},"Figma plugin at ",[3764,3765,3769],"a",{"href":3766,"rel":3767},"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Fplugin\u002F939567362549682242\u002FLucide-Icons",[3768],"nofollow","Figma Community"," enables direct icon insertion into designs. Contribute via ",[3764,3772,3775],{"href":3773,"rel":3774},"https:\u002F\u002Fgithub.com\u002Flucide-icons\u002Flucide\u002Fblob\u002Fmain\u002FCONTRIBUTING.md",[3768],"CONTRIBUTING.md","—add icons, fix docs, or join Discord at ",[3764,3778,3781],{"href":3779,"rel":3780},"https:\u002F\u002Fdiscord.gg\u002FEH6nSts",[3768],"discord.gg\u002FEH6nSts",". Sponsors via Open Collective fund development; edit README directly on GitHub for quick fixes.",{"title":40,"searchDepth":41,"depth":41,"links":3784},[3785,3786,3787],{"id":3684,"depth":41,"text":3685},{"id":3691,"depth":41,"text":3692},{"id":3758,"depth":41,"text":3759},[47],{"content_references":3790,"triage":3796},[3791,3793],{"type":54,"title":3792,"url":3766,"context":61},"Lucide Icons",{"type":3794,"title":3795,"context":61},"other","Feather Icons",{"relevance":64,"novelty":3797,"quality":64,"actionability":64,"composite":3798,"reasoning":3799},3,3.8,"Category: Design & Frontend. The article provides a detailed overview of a community-driven icon library that addresses the needs of designers and developers for consistent SVG icons, which is a specific pain point for the target audience. It includes practical integration details for various frameworks and tools, making it actionable for users looking to enhance their design systems.","\u002Fsummaries\u002F4f826eb69fc40d07-lucide-1000-consistent-svg-icons-toolkit-summary","2026-04-15 15:33:21",{"title":3674,"description":40},{"loc":3800},"4f826eb69fc40d07","__oneoff__","https:\u002F\u002Fgithub.com\u002Flucide-icons\u002Flucide","summaries\u002F4f826eb69fc40d07-lucide-1000-consistent-svg-icons-toolkit-summary",[82,80,81],"Community-driven open-source icon library forked from Feather Icons, offering 1000+ SVG icons with official packages for React, Vue, Svelte, Angular, and more, plus Figma plugin. No brand logos for legal and consistency reasons.",[],"wb6I5RLX76NLSvhp8VIYXUGULr6oBBHQLzdqqaJ3xXk",{"id":3813,"title":3814,"ai":3815,"body":3820,"categories":3859,"created_at":48,"date_modified":48,"description":40,"extension":49,"faq":48,"featured":50,"kicker_label":48,"meta":3860,"navigation":67,"path":3874,"published_at":48,"question":48,"scraped_at":3875,"seo":3876,"sitemap":3877,"source_id":3878,"source_name":3879,"source_type":75,"source_url":3880,"stem":3881,"tags":3882,"thumbnail_url":48,"tldr":3883,"tweet":48,"unknown_tags":3884,"__hash__":3885},"summaries\u002Fsummaries\u002F7299472c8340296c-layered-portfolios-beat-galleries-for-project-focu-summary.md","Layered Portfolios Beat Galleries for Project Focus",{"provider":7,"model":8,"input_tokens":3816,"output_tokens":3817,"processing_time_ms":3818,"cost_usd":3819},6615,1568,20631,0.00160015,{"type":14,"value":3821,"toc":3853},[3822,3826,3829,3832,3836,3839,3843,3846,3850],[17,3823,3825],{"id":3824},"layering-principle-enables-dual-information-streams-without-overload","Layering Principle Enables Dual Information Streams Without Overload",[22,3827,3828],{},"Avoid standard galleries where projects compete for attention—instead, use a list format with pop-up cards showing 3+ descriptive images upfront, so users grasp project essence without clicking. Layer content via modals: essential info (title, description, role) in a compact dropdown panel that expands on demand, preserving visual focus. For standout projects, apply SVG masks and shapes for 'wow' depth, distinguishing them from standard entries while maintaining harmony. This dual system serves quick browsers (standard list) and deep explorers (layered reveals), with mobile adaptations like bottom-fixed info buttons for thumb-friendly access.",[22,3830,3831],{},"Typography scales establish hierarchy: larger sizes differentiate key elements without stylistic clashes. Hover tooltips with delays and smooth animations encourage re-engagement, while next-project transitions use unique summaries. Result: users process visuals and semantics simultaneously, deciding relevance in seconds.",[17,3833,3835],{"id":3834},"homepage-and-navigation-as-frictionless-hubs","Homepage and Navigation as Frictionless Hubs",[22,3837,3838],{},"Keep homepages minimal—one screen with video background, carousel for context, and two-click nav to projects, contacts, or CV. Reject full-scroll pages to avoid forcing content; let users self-select paths. Contact modals connect instantly; menu highlights enable targeted exploration. This hub reduces cognitive load, boosting engagement over traditional 'scroll-to-projects' flows.",[17,3840,3842],{"id":3841},"optimized-pages-for-readability-and-delight","Optimized Pages for Readability and Delight",[22,3844,3845],{},"CV: Centered, concise layout with downloadable summary of all projects\u002Fexperience—no endless scrolling. Blog: Split layout (left: article info; right: content) with TOC button for jumps; related articles via bottom hovers with tilting previews. About: Scroll-triggered video fade-out introduces narrative, expanding forms reveal full images, transitioning to black mode for accent. Footer hovers spawn buttons. These leverage scroll and hover for progressive disclosure, generating reactions without gimmicks.",[17,3847,3849],{"id":3848},"webflow-gsap-stack-delivers-performance-and-scalability","Webflow + GSAP Stack Delivers Performance and Scalability",[22,3851,3852],{},"Build on Webflow for rapid iteration, layer GSAP microanimations and custom JS for 2D depth (masks, expands, reveals). Prioritize responsiveness: high-contrast icons\u002Fbuttons, device-optimized performance. Architecture focuses content structure over effect spam—intuitive lists first, 'wow' selectively. Update projects easily via dynamic fields (hide absent info). Branding extends site versatility: dual logos (simplified web, full merch), minimalist-bold mix across caps, candles, stickers. Over 6 concepts and 2 years, accept imperfections for shipping; iterate post-launch as needs evolve.",{"title":40,"searchDepth":41,"depth":41,"links":3854},[3855,3856,3857,3858],{"id":3824,"depth":41,"text":3825},{"id":3834,"depth":41,"text":3835},{"id":3841,"depth":41,"text":3842},{"id":3848,"depth":41,"text":3849},[47],{"content_references":3861,"triage":3872},[3862,3865,3867,3869],{"type":54,"title":3863,"url":3864,"context":61},"Artem Shcherban Portfolio","https:\u002F\u002Fartemshcherban.com\u002F",{"type":54,"title":3866,"context":61},"Webflow",{"type":54,"title":3868,"context":61},"GSAP",{"type":3794,"title":3870,"url":3871,"context":57},"Creative Coding Club GSAP training","https:\u002F\u002Fwww.creativecodingclub.com\u002Fbundles\u002Fcreative-coding-club?ref=0d0431",{"relevance":64,"novelty":3797,"quality":64,"actionability":64,"composite":3798,"reasoning":3873},"Category: Design & Frontend. The article provides actionable insights on improving project presentation through layered portfolios, addressing the pain point of maintaining user focus in design. It offers specific techniques like using modals and SVG masks, which can be directly applied by designers and developers.","\u002Fsummaries\u002F7299472c8340296c-layered-portfolios-beat-galleries-for-project-focu-summary","2026-05-03 17:02:07",{"title":3814,"description":40},{"loc":3874},"7299472c8340296c","Codrops","https:\u002F\u002Ftympanus.net\u002Fcodrops\u002F2026\u002F05\u002F02\u002Fdesigning-against-the-gallery-a-two-year-journey-to-a-layered-portfolio-experience\u002F","summaries\u002F7299472c8340296c-layered-portfolios-beat-galleries-for-project-focu-summary",[81,80,82],"Ditch scattered galleries for list-based previews with layered modals: preview projects instantly via multiple images and info panels, highlight standouts with SVG masks, built in 2 years using Webflow + GSAP for smooth, responsive interactions.",[],"_sg11iAkxkEw-6_4t6K-_fFB8gL8F6bAwEXbWfY--fk",{"id":3887,"title":3888,"ai":3889,"body":3894,"categories":3988,"created_at":48,"date_modified":48,"description":40,"extension":49,"faq":48,"featured":50,"kicker_label":48,"meta":3989,"navigation":67,"path":4015,"published_at":4016,"question":48,"scraped_at":4017,"seo":4018,"sitemap":4019,"source_id":4020,"source_name":4021,"source_type":4022,"source_url":4023,"stem":4024,"tags":4025,"thumbnail_url":4027,"tldr":4028,"tweet":4029,"unknown_tags":4030,"__hash__":4031},"summaries\u002Fsummaries\u002Fd64f00928ca0913f-bulletproof-css-color-systems-with-contrast-color-summary.md","Bulletproof CSS Color Systems with contrast-color()",{"provider":7,"model":8,"input_tokens":3890,"output_tokens":3891,"processing_time_ms":3892,"cost_usd":3893},7048,1824,25620,0.00181475,{"type":14,"value":3895,"toc":3983},[3896,3900,3915,3918,3922,3940,3954,3958,3976],[17,3897,3899],{"id":3898},"auto-contrast-text-without-manual-declarations","Auto-Contrast Text Without Manual Declarations",[22,3901,3902,3903,3906,3907,3910,3911,3914],{},"CSS ",[3697,3904,3905],{},"contrast-color()"," automatically selects white or black text for optimal readability against any background, eliminating hardcoded colors. Apply it like ",[3697,3908,3909],{},"color: contrast-color(var(--bg-color));"," on buttons or components. For a neutral-900 background (near white), text switches to black; on rebecca-purple or firebrick hover states, it flips to white. This works because the function computes contrast against the exact background var passed in, ensuring WCAG-compliant ratios without extra logic. Limitation: it only chooses between white or black—no custom palettes yet, unlike the deprecated ",[3697,3912,3913],{},"color-contrast()"," spec which allowed fallback lists.",[22,3916,3917],{},"Trade-off: Binary choice simplifies implementation but may not suit branded designs needing specific accents; monitor browser support as it's nearing baseline availability.",[17,3919,3921],{"id":3920},"private-properties-for-themed-fallbacks","Private Properties for Themed Fallbacks",[22,3923,3924,3925,3928,3929,3932,3933,3735,3936,3939],{},"Define private custom properties (prefixed with ",[3697,3926,3927],{},"_",") to create robust theming layers: ",[3697,3930,3931],{},"--_button-surface: var(--button-surface, white);",". The underscore makes it 'private'—ignored by consumers—while providing fallbacks. Set backgrounds as ",[3697,3934,3935],{},"background-color: var(--_button-surface);",[3697,3937,3938],{},"color: contrast-color(var(--_button-surface));",".",[22,3941,3942,3943,3735,3946,3949,3950,3953],{},"For variants, override publicly: ",[3697,3944,3945],{},"[data-theme=\"primary\"] { --button-surface: var(--primary); }",[3697,3947,3948],{},"[data-theme=\"accent\"] { --button-surface: var(--accent); }",". Hover uses ",[3697,3951,3952],{},"--_button-surface-hover: var(--button-surface-hover, firebrick);",". This cascades cleanly: undefined vars fall back (e.g., to white\u002Ffirebrick), then theme overrides propagate, auto-adjusting text contrast. Benefits: Centralizes color logic in CSS vars, scales to web components, and avoids repetition across states.",[17,3955,3957],{"id":3956},"dynamic-hovers-and-lightdark-mode-integration","Dynamic Hovers and Light\u002FDark Mode Integration",[22,3959,3960,3961,3964,3965,3968,3969,3972,3973,3975],{},"Generate hover states with ",[3697,3962,3963],{},"color-mix(in srgb, var(--primary) 50%, var(--neutral-100));",", blending theme colors with neutrals for subtle shifts (e.g., 20-90% mix ratios control darkening\u002Flightening). Pair with ",[3697,3966,3967],{},"light-dark()"," on neutrals: ",[3697,3970,3971],{},"--neutral-900: light-dark(black, white);"," ensures hovers adapt—dark mode darkens primaries, light mode lightens them—while ",[3697,3974,3905],{}," flips text accordingly.",[22,3977,3978,3979,3982],{},"Example outcomes: Primary button hovers darken via neutral mix; accent follows suit. Toggle ",[3697,3980,3981],{},"prefers-color-scheme"," in dev tools to test: neutrals swap, mixes recompute, text contrasts update live. This builds 'bulletproof' systems handling arbitrary themes without breakage, ideal for design systems where colors evolve.",{"title":40,"searchDepth":41,"depth":41,"links":3984},[3985,3986,3987],{"id":3898,"depth":41,"text":3899},{"id":3920,"depth":41,"text":3921},{"id":3956,"depth":41,"text":3957},[47],{"content_references":3990,"triage":4013},[3991,3994,3997,4001,4004,4007,4010],{"type":3794,"title":3992,"url":3993,"context":57},"light-dark() video","https:\u002F\u002Fyoutube.com\u002Fshorts\u002F1-yzpfTTGIg",{"type":3794,"title":3995,"url":3996,"context":57},"color-mix() video","https:\u002F\u002Fyoutu.be\u002FI9zHX-jSKpA",{"type":3998,"title":3999,"url":4000,"context":61},"event","CSS Day","https:\u002F\u002Fcssday.nl\u002F",{"type":3998,"title":4002,"url":4003,"context":61},"ZurichJS","https:\u002F\u002Fconf.zurichjs.com\u002F",{"type":54,"title":4005,"url":4006,"context":61},"CodePen","https:\u002F\u002Fcodepen.io\u002F",{"type":54,"title":4008,"url":4009,"context":61},"Zed","https:\u002F\u002Fzed.dev\u002F",{"type":54,"title":4011,"url":4012,"context":61},"VS Code","https:\u002F\u002Fcode.visualstudio.com\u002F",{"relevance":64,"novelty":3797,"quality":64,"actionability":64,"composite":3798,"reasoning":4014},"Category: Design & Frontend. The article provides practical insights into using CSS functions for creating accessible color systems, addressing a specific pain point for designers and developers in maintaining readability across themes. It includes actionable techniques like using `contrast-color()` and private properties for theming, which can be directly applied in frontend development.","\u002Fsummaries\u002Fd64f00928ca0913f-bulletproof-css-color-systems-with-contrast-color-summary","2026-05-13 13:00:38","2026-05-13 19:00:32",{"title":3888,"description":40},{"loc":4015},"d64f00928ca0913f","Kevin Powell","video","https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=JEJbSGtZxOw","summaries\u002Fd64f00928ca0913f-bulletproof-css-color-systems-with-contrast-color-summary",[82,80,81,4026],"css","https:\u002F\u002Fi.ytimg.com\u002Fvi\u002FJEJbSGtZxOw\u002Fhqdefault.jpg","Use contrast-color() to auto-pick white or black text for any background, combined with private custom properties for fallbacks and color-mix() for dynamic hovers that adapt to light\u002Fdark modes.","Explains CSS `contrast-color()` for auto-switching text to black\u002Fwhite against any background, with a button demo starting basic then scaling to themeable vars via Lea Verou's private-property pattern (`--_button-surface`). References prior [light-dark()](https:\u002F\u002Fyoutube.com\u002Fshorts\u002F1-yzpfTTGIg) and [color-mix()](https:\u002F\u002Fyoutu.be\u002FI9zHX-jSKpA) videos.",[4026],"U9Alj68lZz3PISIslY_1G8DZAUuS17WYG1jXGzjLs4s",{"id":4033,"title":4034,"ai":4035,"body":4040,"categories":4121,"created_at":48,"date_modified":48,"description":40,"extension":49,"faq":48,"featured":50,"kicker_label":48,"meta":4122,"navigation":67,"path":4138,"published_at":4139,"question":48,"scraped_at":4140,"seo":4141,"sitemap":4142,"source_id":4143,"source_name":4144,"source_type":75,"source_url":4145,"stem":4146,"tags":4147,"thumbnail_url":48,"tldr":4149,"tweet":4150,"unknown_tags":4151,"__hash__":4152},"summaries\u002Fsummaries\u002F4e822604d94c2af5-agentic-design-systems-figma-to-claude-code-metada-summary.md","Agentic Design Systems: Figma to Claude Code Metadata",{"provider":7,"model":8,"input_tokens":4036,"output_tokens":4037,"processing_time_ms":4038,"cost_usd":4039},8581,1754,24130,0.0025707,{"type":14,"value":4041,"toc":4116},[4042,4046,4049,4052,4056,4059,4080,4083,4087,4113],[17,4043,4045],{"id":4044},"fix-ai-blind-spots-in-human-design-systems","Fix AI Blind Spots in Human Design Systems",[22,4047,4048],{},"Current Figma design systems fail AI agents because they lack answers to five key questions: Should I use this component? Which variant? What goes inside? What rules apply? What to avoid? Agents hallucinate buttons, spacing, and variants since files, readmes, or vague prompts don't provide structured data. Solution: Encode components as queryable metadata mirroring human decisions, speeding design-to-code 10x by letting agents pull exact props into Storybook.",[22,4050,4051],{},"Semantic naming trumps technical (e.g., 'emphasis default subtle' over 'primary secondary' with hex codes) because it speaks 'English' AI understands. Add descriptions to all tokens (e.g., 'hovers on items, subtle raising') so agents grasp usage context like 'active items, emphasizing.' Anti-patterns are as crucial as patterns: Explicitly define 'never do X' (e.g., no two primary buttons side-by-side, no buttons for navigation) to prevent misuse.",[17,4053,4055],{"id":4054},"three-pillars-for-every-agent-ready-component","Three Pillars for Every Agent-Ready Component",[22,4057,4058],{},"Build components around props, relationships, and tokens:",[3702,4060,4061,4068,4074],{},[3705,4062,4063,4067],{},[4064,4065,4066],"strong",{},"Props",": Capture states (primary\u002Fhover\u002Fpress\u002Fdisabled), variants (appearance\u002Fsize\u002Fdensity), and booleans (loading, leading icon, onClick). List all Figma definitions explicitly.",[3705,4069,4070,4073],{},[4064,4071,4072],{},"Relationships",": Define hierarchy (child\u002Fparent), common contexts (forms, dialogs, toolbars), and purpose (e.g., button as 'interactive trigger for single decisive action, most common primitive'). Use exactly one per intent; let variants signal hierarchy.",[3705,4075,4076,4079],{},[4064,4077,4078],{},"Tokens",": Reference spacing, colors (e.g., core-gray-200), typography from Figma variables. Ensure inheritance (e.g., fonts from repo) for consistency.",[22,4081,4082],{},"Metadata output includes category (e.g., atom), variants explanations (primary for main CTA, destructive for irreversible), common patterns (submit in forms), and AI hints. Review and iterate: Agents miss details like loading states or tokens, so query fixes (e.g., 'Why no font inheritance? Update to pull from cal.com repo.').",[17,4084,4086],{"id":4085},"workflow-figma-mcp-claude-skill-to-storybook","Workflow: Figma MCP + Claude Skill to Storybook",[4088,4089,4090,4093,4096,4099,4102,4110],"ol",{},[3705,4091,4092],{},"Install AI Component Metadata skill (npx claude skill): Generates templates for metadata, CSS, component, stories, tests, index per component.",[3705,4094,4095],{},"Branch repo, create sibling UI package (e.g., Next.js), define schema MD with skill.",[3705,4097,4098],{},"Spin up Storybook (use Context 7 plugin for docs).",[3705,4100,4101],{},"In Figma: Ensure variants\u002Fstates clear, tokens semantic\u002Fdescriptive. Copy component link.",[3705,4103,4104,4105,4109],{},"Claude prompt: 'Using Figma MCP and metadata schema, turn ",[4106,4107,4108],"span",{},"link"," button into agentic Storybook component.' Generates 6 files; review output (e.g., fix destructive hover, loading styles, fonts).",[3705,4111,4112],{},"Iterate: Add anti-patterns (e.g., no disabled navigation), test in Storybook for visual rules enforcement.",[22,4114,4115],{},"Scale by building more (icons next), refine processes, then skill-ify for reuse. Result: Agents build pages pulling context-aware components, creating living source-of-truth library. For teams, workshops personalize this for tighter design-dev loops.",{"title":40,"searchDepth":41,"depth":41,"links":4117},[4118,4119,4120],{"id":4044,"depth":41,"text":4045},{"id":4054,"depth":41,"text":4055},{"id":4085,"depth":41,"text":4086},[47],{"content_references":4123,"triage":4135},[4124,4128,4131,4133],{"type":54,"title":4125,"author":4126,"url":4127,"context":57},"AI Component Metadata Skill","Chris (cris-achiardi)","https:\u002F\u002Fgithub.com\u002Fcris-achiardi\u002Fclaude-skills\u002Ftree\u002Fmain\u002Fskills\u002Fai-component-metadata",{"type":54,"title":4129,"url":4130,"context":61},"Figma MCP","https:\u002F\u002Fhelp.figma.com\u002Fhc\u002Fen-us\u002Farticles\u002F32132100833559-Guide-to-the-Figma-MCP-server",{"type":3794,"title":4132,"context":61},"cal.com",{"type":54,"title":4134,"context":57},"Storybook",{"relevance":63,"novelty":64,"quality":64,"actionability":63,"composite":4136,"reasoning":4137},4.55,"Category: Design & Frontend. The article provides a detailed framework for structuring Figma components as queryable metadata, addressing the pain point of AI agents hallucinating design elements. It offers actionable steps for building agent-ready components, making it highly relevant and practical for designers and developers working with AI in design systems.","\u002Fsummaries\u002F4e822604d94c2af5-agentic-design-systems-figma-to-claude-code-metada-summary","2026-05-07 17:00:16","2026-05-08 11:25:41",{"title":4034,"description":40},{"loc":4138},"4e822604d94c2af5","AI Summaries (evaluation playlist)","https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=CrHKvTWECtY","summaries\u002F4e822604d94c2af5-agentic-design-systems-figma-to-claude-code-metada-summary",[80,4148,82,81],"ai-tools","Structure Figma components with props, relationships, tokens, and anti-patterns as queryable metadata using Claude Code + Figma MCP, enabling AI agents to generate accurate Storybook components without hallucinations.","Tutorial on structuring Figma design system components (props, relationships, tokens) as AI-queryable metadata using a Claude Code skill, followed by a live demo building and iterating on a button with Figma MCP and Storybook. Part one of a series.",[],"Id_LA037afS81vw4ByeKrfNNAku6rAvmsKWDbwgMR7g"]