{"slug":"nuxt-the-full-stack-vue-framework-blog-v4-6","url":"https://nuxt.com/blog/v4-6","path":"/blog/v4-6","site":{"slug":"nuxt-the-full-stack-vue-framework","name":"Nuxt: The Full-Stack Vue Framework","url":"https://nuxt.com","domain":"nuxt.com","platform":"Custom code","location":null},"industry":{"slug":"developer-tools","name":"Developer tools","group":"tech"},"pageType":{"slug":"blog","name":"Blog"},"styles":["type-led","light","geometric","minimal"],"capture":{"desktop":"https://designly.sh/media/captures/cap_57287da592104c749bcef32c2bb1cd9f/desktop.webp","card":"https://designly.sh/media/captures/cap_57287da592104c749bcef32c2bb1cd9f/card.webp","mobile":"https://designly.sh/media/captures/cap_57287da592104c749bcef32c2bb1cd9f/mobile.webp","desktopWidth":1440,"desktopHeight":16000,"mobileWidth":390,"mobileHeight":8000,"capturedAt":"2026-10-21T20:57:05.451Z"},"publishedAt":"2026-10-21T22:34:31.224Z","description":"Outfit headlines on a white background provide a technical yet approachable tone for a developer tool. Bright teal accents on buttons and small UI elements draw the eye to interactive controls, while soft violet highlights separate content sections without adding visual weight.","sections":[{"id":"sec_7e9061b22fcf4894b656c3ba7c7ab683","position":0,"label":"Navigation","type":{"slug":"nav","name":"Navigation"},"topPx":0,"heightPx":64,"image":"https://designly.sh/media/captures/cap_57287da592104c749bcef32c2bb1cd9f/sections/0.webp"},{"id":"sec_aad62eeaeba344629714c700188f0c49","position":1,"label":"Nuxt 4.6","type":{"slug":"hero","name":"Hero"},"topPx":64,"heightPx":15936,"image":"https://designly.sh/media/captures/cap_57287da592104c749bcef32c2bb1cd9f/sections/1.webp"}],"tokens":{"colors":[{"hex":"#FFFFFF","role":"background"},{"hex":"#00DC82","role":"accent"},{"hex":"#C792EA","role":"muted"}],"fonts":[{"family":"Outfit","role":"display"},{"family":"Inter","role":"body"}],"radius":"6px","spacing":"64px"},"maker":null,"history":[{"capturedAt":"2026-10-21T20:57:05.451Z","desktop":"https://designly.sh/media/captures/cap_57287da592104c749bcef32c2bb1cd9f/desktop.webp"}],"related":[{"slug":"nuxt-the-full-stack-vue-framework-docs-4-x","url":"https://nuxt.com/docs/4.x","path":"/docs/4.x","site":{"slug":"nuxt-the-full-stack-vue-framework","name":"Nuxt: The Full-Stack Vue Framework","url":"https://nuxt.com","domain":"nuxt.com","platform":"Custom code","location":null},"industry":{"slug":"developer-tools","name":"Developer tools","group":"tech"},"pageType":{"slug":"landing","name":"Landing page"},"styles":["type-led","minimal","corporate","light"],"capture":{"desktop":"https://designly.sh/media/captures/cap_bb2ddaca3a04498693e040f2eb03e94d/desktop.webp","card":"https://designly.sh/media/captures/cap_bb2ddaca3a04498693e040f2eb03e94d/card.webp","mobile":"https://designly.sh/media/captures/cap_bb2ddaca3a04498693e040f2eb03e94d/mobile.webp","desktopWidth":1440,"desktopHeight":4072,"mobileWidth":390,"mobileHeight":6497,"capturedAt":"2026-10-21T20:54:12.414Z"},"publishedAt":"2026-10-21T22:34:34.219Z"},{"slug":"nuxt-the-full-stack-vue-framework-docs","url":"https://nuxt.com/docs","path":"/docs","site":{"slug":"nuxt-the-full-stack-vue-framework","name":"Nuxt: The Full-Stack Vue Framework","url":"https://nuxt.com","domain":"nuxt.com","platform":"Custom code","location":null},"industry":{"slug":"developer-tools","name":"Developer tools","group":"tech"},"pageType":{"slug":"landing","name":"Landing page"},"styles":["type-led","minimal","corporate","light"],"capture":{"desktop":"https://designly.sh/media/captures/cap_023af5851cb14f1bab7f8d4b1fb1e428/desktop.webp","card":"https://designly.sh/media/captures/cap_023af5851cb14f1bab7f8d4b1fb1e428/card.webp","mobile":"https://designly.sh/media/captures/cap_023af5851cb14f1bab7f8d4b1fb1e428/mobile.webp","desktopWidth":1440,"desktopHeight":4072,"mobileWidth":390,"mobileHeight":6497,"capturedAt":"2026-10-21T20:57:43.530Z"},"publishedAt":"2026-10-21T22:34:32.672Z"},{"slug":"nuxt-the-full-stack-vue-framework","url":"https://nuxt.com/","path":"/","site":{"slug":"nuxt-the-full-stack-vue-framework","name":"Nuxt: The Full-Stack Vue Framework","url":"https://nuxt.com","domain":"nuxt.com","platform":"Custom code","location":null},"industry":{"slug":"developer-tools","name":"Developer tools","group":"tech"},"pageType":{"slug":"home","name":"Home"},"styles":["dark","type-led","geometric","corporate"],"capture":{"desktop":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/desktop.webp","card":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/card.webp","mobile":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/mobile.webp","desktopWidth":1440,"desktopHeight":8176,"mobileWidth":390,"mobileHeight":8000,"capturedAt":"2026-10-21T20:53:34.966Z"},"publishedAt":"2026-10-21T22:34:28.500Z"},{"slug":"nuxt-the-full-stack-vue-framework-modules","url":"https://nuxt.com/modules","path":"/modules","site":{"slug":"nuxt-the-full-stack-vue-framework","name":"Nuxt: The Full-Stack Vue Framework","url":"https://nuxt.com","domain":"nuxt.com","platform":"Custom code","location":null},"industry":{"slug":"developer-tools","name":"Developer tools","group":"tech"},"pageType":{"slug":"landing","name":"Landing page"},"styles":["bold","type-led","geometric","colourful"],"capture":{"desktop":"https://designly.sh/media/captures/cap_d7d0bafaa48b4d4ebf86ba789d7b88ed/desktop.webp","card":"https://designly.sh/media/captures/cap_d7d0bafaa48b4d4ebf86ba789d7b88ed/card.webp","mobile":"https://designly.sh/media/captures/cap_d7d0bafaa48b4d4ebf86ba789d7b88ed/mobile.webp","desktopWidth":1440,"desktopHeight":4068,"mobileWidth":390,"mobileHeight":8000,"capturedAt":"2026-10-21T20:55:11.203Z"},"publishedAt":"2026-10-21T22:33:52.833Z"}],"sitePages":[{"slug":"nuxt-the-full-stack-vue-framework","path":"/","pageType":{"slug":"home","name":"Home"},"card":"https://designly.sh/media/captures/cap_a880e926aa9b4472aaa9052e7479cefe/card.webp","designlyUrl":"https://designly.sh/s/nuxt-the-full-stack-vue-framework"},{"slug":"nuxt-the-full-stack-vue-framework-blog-v4-6","path":"/blog/v4-6","pageType":{"slug":"blog","name":"Blog"},"card":"https://designly.sh/media/captures/cap_57287da592104c749bcef32c2bb1cd9f/card.webp","designlyUrl":"https://designly.sh/s/nuxt-the-full-stack-vue-framework/blog/v4-6"},{"slug":"nuxt-the-full-stack-vue-framework-docs","path":"/docs","pageType":{"slug":"landing","name":"Landing page"},"card":"https://designly.sh/media/captures/cap_023af5851cb14f1bab7f8d4b1fb1e428/card.webp","designlyUrl":"https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs"},{"slug":"nuxt-the-full-stack-vue-framework-docs-4-x","path":"/docs/4.x","pageType":{"slug":"landing","name":"Landing page"},"card":"https://designly.sh/media/captures/cap_bb2ddaca3a04498693e040f2eb03e94d/card.webp","designlyUrl":"https://designly.sh/s/nuxt-the-full-stack-vue-framework/docs/4.x"},{"slug":"nuxt-the-full-stack-vue-framework-modules","path":"/modules","pageType":{"slug":"landing","name":"Landing page"},"card":"https://designly.sh/media/captures/cap_d7d0bafaa48b4d4ebf86ba789d7b88ed/card.webp","designlyUrl":"https://designly.sh/s/nuxt-the-full-stack-vue-framework/modules"},{"slug":"nuxt-the-full-stack-vue-framework-showcase","path":"/showcase","pageType":{"slug":"landing","name":"Landing page"},"card":"https://designly.sh/media/captures/cap_b1d6d29cc30c48ab8b6e75391e711035/card.webp","designlyUrl":"https://designly.sh/s/nuxt-the-full-stack-vue-framework/showcase"}],"designlyUrl":"https://designly.sh/s/nuxt-the-full-stack-vue-framework/blog/v4-6"}