{"id":1437,"date":"2026-01-23T22:33:34","date_gmt":"2026-01-23T22:33:34","guid":{"rendered":"https:\/\/nordyn.se\/?page_id=1437"},"modified":"2026-05-17T20:36:02","modified_gmt":"2026-05-17T20:36:02","slug":"webbdesign","status":"publish","type":"page","link":"https:\/\/nordyn.se\/en\/webbdesign\/","title":{"rendered":"webbdesign"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n\nNordyn \u2014 Webbdesign<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n\/* --- GRUNDL\u00c4GGANDE VARIABLER (FR\u00c5N STARTSIDA) --- *\/\n:root{\n --accent:#8A74FF;\n --muted:rgba(255,255,255,.82);\n --line:rgba(255,255,255,.12);\n --pad: clamp(24px, 3vw, 40px);\n}\n\n\/* GLOBAL RESET & BASICS *\/\n*{box-sizing:border-box}\n\nhtml, body {\n background-color: #000000;\n margin: 0;\n padding: 0;\n width: 100%;\n overscroll-behavior-y: none;\n}\n\nbody{\n font-family:Inter,system-ui,sans-serif;\n color:#fff;\n overflow-x:hidden;\n}\n\nbutton:focus, a:focus { outline: none !important; box-shadow: none !important; }\n\n\/* -----------------------------------------------------------\n HEADER (FR\u00c5N STARTSIDA)\n ----------------------------------------------------------- *\/\n.header {\n position:fixed;\n top:0; \n left:0;\n right:0;\n z-index:9999;\n padding: 22px 40px;\n display:flex;\n align-items: flex-start;\n justify-content:space-between;\n gap:16px;\n background: transparent;\n mix-blend-mode: difference; \n color: #fff;\n transition: opacity 0.3s ease;\n}\n.header.hidden { opacity: 0; pointer-events: none; }\n\n.brand { display:flex; align-items: center; gap: 16px; min-width:0; }\n.logoMark { width:145px; height:auto; display:flex; align-items:center; flex:0 0 auto; color: #fff; margin-left: -20px; }\n.logoMark svg { width:100%; height:auto; display:block; }\n\n.tagline {\n font-size:13px; line-height:1.3; color: #fff !important;\n opacity: 0.9; font-weight: 500; max-width: 200px;\n}\n.tagline.fade-out { opacity: 0; transform: translateX(-10px); transition: 0.4s ease; pointer-events: none; }\n\n.nav { display:flex; align-items:center; gap:22px; flex:0 0 auto; color: #fff; }\n.nav a.contact {\n color:inherit; text-decoration:none; font-size:14px; font-weight:600;\n opacity:.92; padding-top:2px; position:relative; padding-bottom:6px;\n}\n.nav a.contact::after {\n content:\"\"; position:absolute; left:0; bottom:0; height:1px; width:100%;\n background: currentColor; transform: scaleX(0); transform-origin: left;\n transition: transform .3s ease; opacity:.95;\n}\n.nav a.contact:hover::after { transform: scaleX(1); }\n\n\/* --- MENY KNAPP --- *\/\n.menuToggle, \n.menuToggleOverlay, \n.submenu-toggle-btn {\n cursor: pointer; user-select: none; -webkit-user-select: none;\n background: transparent; -webkit-tap-highlight-color: transparent !important; \n outline: none !important;\n}\n.menuToggle, .menuToggleOverlay {\n all:unset; cursor:pointer; display:inline-flex; align-items:center; gap:12px;\n font-size:15px; font-weight:600; color: #fff; position:relative;\n padding-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,0.6); \n transition: border-color 0.3s ease;\n}\n.menuToggle:hover, .menuToggleOverlay:hover { border-color: #fff; }\n.menuIcon { font-size:18px; line-height:1; transform: translateY(-1px); }\n\n\/* -----------------------------------------------------------\n FULLSK\u00c4RMSMENY (FR\u00c5N STARTSIDA)\n ----------------------------------------------------------- *\/\n.menuOverlay {\n position:fixed; inset:0; background:#000; z-index:9990;\n transform: translateY(-100%); opacity: 1; visibility:hidden;\n transition: transform .6s cubic-bezier(0.77, 0, 0.175, 1), visibility .6s ease;\n}\n.menuOverlay.opening, .menuOverlay.open { visibility:visible; transform: translateY(0); }\n.menuOverlay.closing { transform: translateY(-100%); visibility:hidden; }\n\n.menuInner {\n min-height: 100svh; height: 100svh; padding: 0; \n display:flex; flex-direction:column; overflow:hidden; overflow-y: auto;\n}\n\n.menuTop { \n display:flex; align-items: flex-start; justify-content:space-between; \n gap:16px; flex:0 0 auto; padding: 22px 40px; color: #fff; z-index: 10;\n}\n.menuTop .brand, .menuTop .logoMark { color: #fff; }\n.menuTop .logoMark svg { fill: #fff; }\n.menuTop .tagline { color: rgba(255,255,255,0.7); }\n.menuToggleOverlay { color: #fff; border-color: rgba(255,255,255,0.6); }\n\n.menuContent { flex:1 1 auto; display:flex; align-items:center; padding: 18px 40px; }\n.menuList { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:24px; width:100%; }\n.menuItem { opacity:0; transform: translateY(14px); }\n.menuOverlay.open .menuItem {\n animation: menuIn .5s cubic-bezier(.2,.8,.2,1) forwards;\n animation-delay: calc(300ms + var(--d, 0ms));\n}\n@keyframes menuIn{ to { opacity:1; transform: translateY(0); } }\n\n.menuRow { display:flex; align-items:center; justify-content:space-between; gap:18px; position: relative; }\n.menuLink {\n color: rgba(255,255,255,0.5); text-decoration:none;\n font-size: clamp(32px, 5vw, 48px); font-weight:700; letter-spacing:-0.02em;\n position:relative; display:inline-block; padding:0; line-height:1.1;\n transition: color 0.3s ease;\n}\n.menuLink:hover, .menuLink:focus, .menuLink:active { color: #fff; }\n\n\/* SUBMENU & PIL LOGIK *\/\n.submenu-toggle-btn {\n background: none; border: none; padding: 10px; cursor: pointer; color: var(--accent);\n display: flex; align-items: center; justify-content: center;\n}\n.bigArrow { \n flex:0 0 auto; color: var(--accent); opacity:1; \n transform: translateY(4px); transition: transform 0.4s ease;\n pointer-events: none;\n}\n.bigArrow svg { width:40px; height:24px; }\n.submenu {\n list-style: none; padding: 0; margin: 0; display: grid;\n grid-template-rows: 0fr; transition: grid-template-rows 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n}\n.submenu-inner {\n overflow: hidden; display: flex; flex-direction: column; gap: 12px; padding-left: 4px;\n}\n.submenu-item {\n opacity: 0; transform: translateX(40px); transition: opacity 0.4s ease, transform 0.4s ease;\n}\n.submenu-link {\n font-size: clamp(20px, 3vw, 28px); font-weight: 600; color: rgba(255,255,255,0.6);\n text-decoration: none; display: block; transition: color 0.2s;\n}\n.submenu-link:hover { color: #fff; }\n\n.menuItem.has-expanded .submenu { grid-template-rows: 1fr; margin-top: 16px; }\n.menuItem.has-expanded .bigArrow { transform: translateY(4px) rotate(90deg); }\n.menuItem.has-expanded .submenu-item { opacity: 1; transform: translateX(0); }\n.menuItem.has-expanded .submenu-item:nth-child(1) { transition-delay: 0.1s; }\n.menuItem.has-expanded .submenu-item:nth-child(2) { transition-delay: 0.15s; }\n.menuItem.has-expanded .submenu-item:nth-child(3) { transition-delay: 0.2s; }\n.menuItem.has-expanded .submenu-item:nth-child(4) { transition-delay: 0.25s; }\n\n.menuBottom {\n flex:0 0 auto; display:grid; grid-template-columns: 1fr auto; gap:18px;\n align-items:end; padding: 20px 40px 40px 40px; border-top: 1px solid var(--line);\n}\n.bottomLeft { display: flex; flex-direction: column; gap: 24px; }\n.socials { display:flex; gap: 32px; flex-wrap:wrap; color: #fff; font-weight: 600; font-size: 18px; }\n.socials a { color:inherit; text-decoration:none; display:inline-flex; gap: 10px; align-items:center; transition: opacity 0.2s; }\n.socials a:hover { opacity: 0.7; }\n.extIcon svg { width: 14px; height: 14px; stroke: currentColor; stroke-width: 2.5; fill:none; margin-bottom: 2px; }\n.menuCTA { text-align: right; font-size: 15px; font-weight: 500; color: rgba(255,255,255,0.8); line-height: 1.4; }\n.menuCTA a { color: var(--accent); text-decoration: none; display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; }\n.menuCTA-text { display: inline; } \n\n\/* -----------------------------------------------------------\n WEBB DESIGN SPECIFIKT INNEH\u00c5LL (Page Container etc)\n ----------------------------------------------------------- *\/\n.page-container {\n padding-top: clamp(140px, 20vh, 180px); \/* Extra padding pga fixed header *\/\n padding-bottom: 0px;\n}\n\n\/* Page Hero *\/\n.page-hero {\n display: grid;\n grid-template-columns: 1.2fr 1fr;\n gap: 60px;\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 var(--pad);\n margin-bottom: clamp(100px, 15vh, 160px);\n}\n.page-hero-text h1 {\n font-size: clamp(48px, 6vw, 84px);\n line-height: 1.05;\n font-weight: 800;\n letter-spacing: -0.04em;\n margin: 0 0 32px 0;\n color: #fff;\n}\n.page-hero-text p.intro {\n font-size: clamp(18px, 2vw, 22px);\n line-height: 1.5;\n color: rgba(255,255,255,0.9);\n max-width: 90%;\n}\n.page-hero-image {\n position: relative;\n width: 100%;\n}\n.hero-img-frame {\n width: 100%;\n aspect-ratio: 16\/12;\n border-radius: 12px;\n overflow: hidden;\n background: #111;\n border: 1px solid rgba(255,255,255,0.1);\n}\n.hero-img-frame img {\n width: 100%; height: 100%; object-fit: cover; opacity: 0.9;\n}\n\n\/* Feature Sections (Alternating) *\/\n.feature-section {\n padding: clamp(80px, 10vh, 120px) var(--pad);\n border-top: 1px solid var(--line);\n}\n.feature-container {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: clamp(40px, 5vw, 80px);\n align-items: center;\n}\n.feature-content h2 {\n font-size: clamp(32px, 4vw, 48px);\n font-weight: 700;\n letter-spacing: -0.03em;\n margin: 0 0 24px 0;\n line-height: 1.1;\n color: #fff;\n}\n.feature-content p {\n font-size: clamp(16px, 1.5vw, 18px);\n line-height: 1.6;\n color: rgba(255,255,255,0.85);\n margin: 0;\n}\n.feature-image {\n width: 100%;\n border-radius: 12px;\n overflow: hidden;\n background: #111;\n aspect-ratio: 4\/3;\n border: 1px solid rgba(255,255,255,0.08);\n}\n.feature-image img {\n width: 100%; height: 100%; object-fit: cover;\n transition: transform 0.6s ease;\n}\n.feature-section:hover .feature-image img { transform: scale(1.03); }\n\n\/* Zig-zag logic *\/\n.feature-section.alt .feature-container { direction: rtl; }\n.feature-section.alt .feature-content { direction: ltr; }\n\n\/* Process Section *\/\n.process-section {\n background: #000;\n padding: clamp(80px, 12vh, 140px) var(--pad);\n border-top: 1px solid var(--line);\n}\n.process-wrapper { max-width: 1200px; margin: 0 auto; }\n.process-heading { margin-bottom: 60px; max-width: 700px; }\n.process-heading h2 {\n font-size: clamp(32px, 4vw, 48px);\n font-weight: 700;\n letter-spacing: -0.03em;\n margin: 0 0 20px 0;\n color: #fff;\n}\n.process-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 30px;\n}\n.process-step { display: flex; flex-direction: column; gap: 12px; }\n.step-dot {\n width: 12px; height: 12px; background: var(--accent);\n border-radius: 50%; margin-bottom: 12px;\n}\n.process-step h4 { font-size: 18px; font-weight: 600; color: #fff; margin: 0; }\n.process-step p { font-size: 14px; line-height: 1.5; color: var(--muted); margin: 0; }\n\n\/* Target Audience & CTA *\/\n.target-section {\n max-width: 900px;\n margin: 0 auto;\n padding: clamp(80px, 12vh, 140px) var(--pad);\n text-align: center;\n}\n.target-section h2 {\n font-size: clamp(32px, 4vw, 48px);\n font-weight: 700;\n margin-bottom: 40px;\n color: #fff;\n}\n.check-list {\n display: flex; flex-wrap: wrap; justify-content: center;\n gap: 12px 32px; list-style: none; padding: 0; margin: 0 0 40px 0;\n}\n.check-list li {\n font-size: 18px; color: #fff; display: flex; align-items: center; gap: 10px;\n}\n.check-list li::before {\n content: \"\u2713\"; color: var(--accent); font-weight: 800;\n}\n\n.final-cta {\n padding: clamp(60px, 10vh, 100px) var(--pad);\n text-align: center;\n background: #000;\n border-top: 1px solid var(--line);\n}\n.final-cta h2 {\n font-size: clamp(36px, 5vw, 64px);\n font-weight: 800;\n margin: 0 0 40px 0;\n letter-spacing: -0.04em;\n line-height: 1.1;\n color: #fff;\n}\n\n\/* Knappar *\/\n.contact-btn {\n display: inline-flex; align-items: center; gap: 12px;\n padding: 18px 36px; background: var(--accent); color: #fff;\n text-decoration: none; font-weight: 700; font-size: 16px;\n border-radius: 6px; border: none; cursor: pointer;\n transition: transform .2s ease, background-color .2s ease;\n}\n.contact-btn:hover { transform: translateY(-2px); background-color: #9b8bff; }\n.contact-btn:active { background-color: #5e4ad1; transform: translateY(0); }\n\n\/* -----------------------------------------------------------\n FOOTER (FR\u00c5N STARTSIDA)\n ----------------------------------------------------------- *\/\n.footer{background:#000;border-top:1px solid var(--line);padding:clamp(60px,8vh,100px) clamp(24px,3vw,40px) 40px}\n.footer-container{max-width:1200px;margin:0 auto}\n.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px}\n.footer-brand{display:flex;flex-direction:column;gap:20px}\n.footer-logo{width:140px;height:auto}\n.footer-logo svg { width: 100%; height: 100%; fill: #fff; margin-left: -21px; display: block; }\n.footer-tagline{font-size:16px;font-weight:600;color:#fff;margin:0}\n.footer-contact{font-size:14px;color:rgba(255,255,255,0.6);line-height:1.8}\n.footer-contact a{color:var(--accent);text-decoration:none}\n.footer-column h4{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#fff;margin:0 0 20px 0}\n.footer-links{display:flex;flex-direction:column;gap:12px}\n.footer-links a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:14px;transition:color .2s ease}\n.footer-links a:hover{color:#fff}\n.footer-bottom{padding-top:40px;border-top:1px solid var(--line);display:flex;gap:24px;flex-wrap:wrap;justify-content:center}\n.footer-bottom a{color:rgba(255,255,255,0.4);text-decoration:none;font-size:12px}\n\n\/* MEDIA QUERIES (KOMBINERADE) *\/\n@media (max-width:1024px){\n .feature-container { grid-template-columns: 1fr; gap: 40px; }\n .feature-section.alt .feature-container { direction: ltr; }\n .process-grid { grid-template-columns: repeat(2, 1fr); gap: 40px; }\n .footer-main{grid-template-columns:1fr 1fr;gap:40px}\n}\n\n@media (max-width:720px){\n .nav a.contact{display:none}\n .header{ padding:22px 24px; align-items:center; }\n .brand { flex-direction: column; gap: 4px; align-items: flex-start; }\n .logoMark{width:130px;}\n .tagline { font-size: 14px; line-height: 1.2; white-space: normal; max-width: 100%; margin-top: 4px; opacity: 0.8; }\n \n \/* Menu Mobile *\/\n .menuTop { padding: 22px 24px; }\n .menuContent { padding: 10px 24px; }\n .menuBottom { display: flex; flex-direction: column; gap: 16px; padding: 0 24px 60px 24px; border-top: none; }\n .bottomLeft { display: contents; }\n .socials { order: 2; display: flex; flex-direction: row; justify-content: flex-start; gap: 20px; font-size: 23px; margin-bottom: 10px; }\n .menuCTA { order: 3; text-align: right; max-width: none; display: flex; flex-direction: column; align-items: flex-end; gap: 0; }\n .menuCTA br { display: none; }\n .menuCTA-text { display: block; margin-bottom: 0px; color: rgba(255,255,255,0.6); font-weight: 400; font-size: 14px; line-height: 1.2; }\n \n \/* Page Content Mobile *\/\n .page-hero { grid-template-columns: 1fr; gap: 40px; }\n .page-hero-text { order: 1; }\n .page-hero-image { order: 2; }\n .process-grid { grid-template-columns: 1fr; }\n .check-list { flex-direction: column; align-items: center; }\n \n .footer-main { display: flex; flex-direction: column; gap: 40px; }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- HEADER -->\n<header class=\"header invert\" id=\"mainHeader\">\n <div class=\"brand\">\n <div class=\"logoMark\" aria-label=\"Nordyn logga\">\n <a href=\"\/en\/\" style=\"color:inherit; text-decoration:none; display:block;\">\n <svg version=\"1.0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"600pt\" height=\"167pt\" viewbox=\"0 0 600 167\" preserveaspectratio=\"xMidYMid meet\" role=\"img\" aria-label=\"Nordyn\">\n <g transform=\"translate(0,167) scale(0.1,-0.1)\" fill=\"currentColor\" stroke=\"none\">\n <path d=\"M4905 1460 c-59 -24 -91 -101 -69 -165 16 -48 31 -63 79 -79 147 -51 244 154 112 234 -33 21 -87 25 -122 10z\"\/>\n <path d=\"M3335 1261 l-50 -6 -3 -133 -3 -132 -42 7 c-122 22 -219 1 -282 -62 -52 -51 -65 -92 -65 -201 0 -133 34 -210 110 -249 56 -29 169 -40 277 -26 54 8 107 12 118 11 11 -1 34 -3 50 -4 l30 -1 3 403 2 402 -47 -2 c-27 0 -70 -4 -98 -7z m-77 -462 c19 -7 22 -16 22 -63 0 -30 -4 -57 -9 -60 -22 -14 -127 -16 -151 -4 -47 25 -52 119 -7 138 23 10 106 3 145 -11z\"\/>\n <path d=\"M1135 1000 c-85 -14 -154 -39 -165 -61 -6 -11 -9 -107 -8 -246 l3 -228 98 -3 97 -3 0 154 c0 124 3 157 15 167 8 6 43 13 79 13 50 2 68 -2 85 -17 20 -18 21 -29 21 -168 l0 -149 98 3 97 3 -1 180 c0 171 -1 183 -26 236 -41 89 -96 117 -243 124 -49 2 -117 0 -150 -5z\"\/>\n <path d=\"M1825 986 c-212 -98 -212 -412 0 -512 72 -34 208 -34 281 0 205 96 205 416 0 512 -73 34 -209 34 -281 0z m218 -195 c15 -14 22 -34 22 -61 0 -55 -29 -81 -94 -88 -46 -4 -53 -2 -81 26 -21 21 -30 40 -30 62 0 22 9 41 30 62 28 28 35 30 81 26 34 -4 58 -12 72 -27z\"\/>\n <path d=\"M2465 1003 c-27 -2 -60 -6 -72 -8 l-23 -5 0 -266 0 -265 98 3 97 3 -3 125 -4 125 30 28 c32 30 70 37 134 24 l37 -8 15 53 c26 90 38 180 27 191 -5 5 -37 8 -70 5 -45 -3 -72 -12 -111 -36 -28 -18 -54 -32 -56 -32 -3 0 -5 10 -4 23 4 40 0 47 -22 45 -13 -1 -45 -3 -73 -5z\"\/>\n <path d=\"M4485 999 c-84 -12 -153 -37 -165 -60 -6 -11 -9 -107 -8 -246 l3 -228 95 0 95 0 5 160 5 160 50 7 c28 5 64 6 82 3 56 -10 63 -32 63 -193 l0 -143 98 3 97 3 3 130 c5 225 -26 333 -106 374 -74 38 -189 48 -317 30z\"\/>\n <path d=\"M3574 985 c-16 -41 139 -430 193 -487 l26 -27 -37 -88 c-20 -48 -36 -93 -36 -99 0 -6 37 -27 83 -46 61 -27 85 -33 94 -24 6 6 40 83 76 171 86 213 128 315 193 467 30 70 54 132 54 137 0 16 -195 15 -207 -1 -6 -7 -34 -72 -63 -145 -58 -143 -66 -160 -75 -152 -3 3 -19 69 -37 145 -17 76 -35 145 -41 152 -15 19 -216 17 -223 -3z\"\/>\n <\/g>\n <\/svg>\n <\/a>\n <\/div>\n <div class=\"tagline\" id=\"headerTagline\">Digital Agency \/ Web Agency Stockholm<\/div>\n <\/div>\n\n <nav class=\"nav\" aria-label=\"Toppmeny\">\n <a class=\"contact\" href=\"\/en\/kontakt\/\">Get in touch<\/a>\n <button class=\"menuToggle\" id=\"menuToggle\" type=\"button\" style=\"-webkit-tap-highlight-color: transparent !important; outline: none !important; background: none !important;\">\n Menu <span class=\"menuIcon\" id=\"menuIcon\">+<\/span>\n <\/button>\n <\/nav>\n<\/header>\n\n<!-- MENY OVERLAY (Fr\u00e5n Startsida med Submenu funktion) -->\n<div class=\"menuOverlay\" id=\"menuOverlay\" aria-hidden=\"true\">\n <div class=\"menuInner\">\n \n <div class=\"menuTop\">\n <div class=\"brand\">\n <div class=\"logoMark\">\n <svg version=\"1.0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"600pt\" height=\"167pt\" viewbox=\"0 0 600 167\" preserveaspectratio=\"xMidYMid meet\" role=\"img\" aria-label=\"Nordyn\">\n <g transform=\"translate(0,167) scale(0.1,-0.1)\" fill=\"currentColor\" stroke=\"none\">\n <path d=\"M4905 1460 c-59 -24 -91 -101 -69 -165 16 -48 31 -63 79 -79 147 -51 244 154 112 234 -33 21 -87 25 -122 10z\"\/>\n <path d=\"M3335 1261 l-50 -6 -3 -133 -3 -132 -42 7 c-122 22 -219 1 -282 -62 -52 -51 -65 -92 -65 -201 0 -133 34 -210 110 -249 56 -29 169 -40 277 -26 54 8 107 12 118 11 11 -1 34 -3 50 -4 l30 -1 3 403 2 402 -47 -2 c-27 0 -70 -4 -98 -7z m-77 -462 c19 -7 22 -16 22 -63 0 -30 -4 -57 -9 -60 -22 -14 -127 -16 -151 -4 -47 25 -52 119 -7 138 23 10 106 3 145 -11z\"\/>\n <path d=\"M1135 1000 c-85 -14 -154 -39 -165 -61 -6 -11 -9 -107 -8 -246 l3 -228 98 -3 97 -3 0 154 c0 124 3 157 15 167 8 6 43 13 79 13 50 2 68 -2 85 -17 20 -18 21 -29 21 -168 l0 -149 98 3 97 3 -1 180 c0 171 -1 183 -26 236 -41 89 -96 117 -243 124 -49 2 -117 0 -150 -5z\"\/>\n <path d=\"M1825 986 c-212 -98 -212 -412 0 -512 72 -34 208 -34 281 0 205 96 205 416 0 512 -73 34 -209 34 -281 0z m218 -195 c15 -14 22 -34 22 -61 0 -55 -29 -81 -94 -88 -46 -4 -53 -2 -81 26 -21 21 -30 40 -30 62 0 22 9 41 30 62 28 28 35 30 81 26 34 -4 58 -12 72 -27z\"\/>\n <path d=\"M2465 1003 c-27 -2 -60 -6 -72 -8 l-23 -5 0 -266 0 -265 98 3 97 3 -3 125 -4 125 30 28 c32 30 70 37 134 24 l37 -8 15 53 c26 90 38 180 27 191 -5 5 -37 8 -70 5 -45 -3 -72 -12 -111 -36 -28 -18 -54 -32 -56 -32 -3 0 -5 10 -4 23 4 40 0 47 -22 45 -13 -1 -45 -3 -73 -5z\"\/>\n <path d=\"M4485 999 c-84 -12 -153 -37 -165 -60 -6 -11 -9 -107 -8 -246 l3 -228 95 0 95 0 5 160 5 160 50 7 c28 5 64 6 82 3 56 -10 63 -32 63 -193 l0 -143 98 3 97 3 3 130 c5 225 -26 333 -106 374 -74 38 -189 48 -317 30z\"\/>\n <path d=\"M3574 985 c-16 -41 139 -430 193 -487 l26 -27 -37 -88 c-20 -48 -36 -93 -36 -99 0 -6 37 -27 83 -46 61 -27 85 -33 94 -24 6 6 40 83 76 171 86 213 128 315 193 467 30 70 54 132 54 137 0 16 -195 15 -207 -1 -6 -7 -34 -72 -63 -145 -58 -143 -66 -160 -75 -152 -3 3 -19 69 -37 145 -17 76 -35 145 -41 152 -15 19 -216 17 -223 -3z\"\/>\n <\/g>\n <\/svg>\n <\/div>\n <div class=\"tagline\" style=\"color: rgba(255,255,255,.7); mix-blend-mode:normal;\">Digital Agency \/ Web Agency Stockholm<\/div>\n <\/div>\n\n <button class=\"menuToggleOverlay\" id=\"menuClose\" type=\"button\">\n Menu <span class=\"menuIcon\">\u00d7<\/span>\n <\/button>\n <\/div>\n\n <div class=\"menuContent\">\n <ul class=\"menuList\" aria-label=\"Menu\">\n <li class=\"menuItem\" style=\"--d: 80ms;\">\n <div class=\"menuRow\">\n <a class=\"menuLink nav-animate\" href=\"\/en\/\">Startpage<\/a>\n <\/div>\n <\/li>\n <li class=\"menuItem\" style=\"--d: 160ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/case\/\">Our work<\/a><\/div><\/li>\n \n <li class=\"menuItem\" style=\"--d: 240ms;\" id=\"servicesMenuItem\">\n <div class=\"menuRow\">\n <a class=\"menuLink nav-animate\" href=\"\/en\/tjanster\/\" style=\"color: #fff;\">Services<\/a>\n <button class=\"submenu-toggle-btn\" aria-label=\"Visa undertj\u00e4nster\" onclick=\"toggleSubmenu(event)\" style=\"-webkit-tap-highlight-color: rgba(0,0,0,0) !important; outline: none !important; background: none !important; box-shadow: none !important; border: none !important;\">\n <span class=\"bigArrow\" aria-hidden=\"true\">\n <svg viewbox=\"0 0 64 40\">\n <path d=\"M6 20H46\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/>\n <path d=\"M36 8L50 20L36 32\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n <\/button>\n <\/div>\n \n <ul class=\"submenu\">\n <div class=\"submenu-inner\">\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/en\/webbdesign\/\" style=\"color:#fff;\">Web Design<\/a><\/li>\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/en\/e-handel\/\">E-commerce<\/a><\/li>\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/en\/seo\/\">SEO<\/a><\/li>\n <li class=\"submenu-item\"><a class=\"submenu-link nav-animate\" href=\"\/en\/branding\/\">Branding<\/a><\/li>\n <\/div>\n <\/ul>\n <\/li>\n\n <li class=\"menuItem\" style=\"--d: 320ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/vart-lofte\/\">Our Promise<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 400ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/om-nordyn\/\">About nordyn<\/a><\/div><\/li>\n <li class=\"menuItem\" style=\"--d: 480ms;\"><div class=\"menuRow\"><a class=\"menuLink nav-animate\" href=\"\/en\/kontakt\/\">Contact<\/a><\/div><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"menuBottom\">\n <div class=\"bottomLeft\">\n \n <div class=\"socials\">\n <a class=\"nav-animate\" href=\"https:\/\/www.facebook.com\/share\/18A482YcY7\/?mibextid=wwXIfr\" target=\"_blank\" rel=\"noopener nofollow\">\n Facebook\n <span class=\"extIcon\" aria-hidden=\"true\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M10 7h7v7\"\/><\/svg>\n <\/span>\n <\/a>\n\n <a class=\"nav-animate\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n LinkedIn\n <span class=\"extIcon\" aria-hidden=\"true\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M10 7h7v7\"\/><\/svg>\n <\/span>\n <\/a>\n\n <a class=\"nav-animate\" href=\"https:\/\/www.instagram.com\/nordyn.se?igsh=bzVwdHhudTRlOW9s&utm_source=qr\" target=\"_blank\" rel=\"noopener\">\n Instagram\n <span class=\"extIcon\" aria-hidden=\"true\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M7 17L17 7\"\/><path d=\"M10 7h7v7\"\/><\/svg>\n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"menuCTA\">\n <span class=\"menuCTA-text\">Interested in a partnership<\/span>\n <br>\n <a class=\"nav-animate\" href=\"\/en\/kontakt\/\">\n Get in touch\n <span class=\"ctaArrow\" aria-hidden=\"true\">\n <svg viewbox=\"0 0 24 24\"><path d=\"M5 12h12\"\/><path d=\"M13 6l6 6-6 6\"\/><\/svg>\n <\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n<!-- MAIN CONTENT -->\n<main class=\"page-container\">\n\n <!-- 1. Hero -->\n <section class=\"page-hero\">\n <div class=\"page-hero-text\">\n <h1>Webbdesign som st\u00e4rker ditt varum\u00e4rke<\/h1>\n <p class=\"intro\">Vi skapar moderna, strategiska och anv\u00e4ndarv\u00e4nliga webbplatser d\u00e4r estetik m\u00f6ter prestanda f\u00f6r maximal aff\u00e4rsnytta.<\/p>\n <\/div>\n <div class=\"page-hero-image\">\n <div class=\"hero-img-frame\">\n <img decoding=\"async\" src=\"https:\/\/nordyn.se\/wp-content\/uploads\/2026\/01\/original-dfa31422fa6aa0d75dd3e6c2443d7bcc.webp\" alt=\"Modern webbdesign interface\">\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 2. Concept -->\n <section class=\"feature-section\">\n <div class=\"feature-container\">\n <div class=\"feature-content\">\n <h2>Mer \u00e4n bara en snygg hemsida<\/h2>\n <p>En webbplats fr\u00e5n Nordyn handlar inte bara om yta. Vi bygger digitala upplevelser grundade i tydlig struktur, intuitiv anv\u00e4ndarupplevelse och en varum\u00e4rkesk\u00e4nsla som s\u00e4tter sp\u00e5r. Varje designval g\u00f6rs med konvertering och era l\u00e5ngsiktiga m\u00e5l i \u00e5tanke.<\/p>\n <\/div>\n <div class=\"feature-image\">\n <img decoding=\"async\" src=\"https:\/\/nordyn.se\/wp-content\/uploads\/2026\/01\/M37f3bec8fd1069a6573cc37bc26965d81730293378036.png\" alt=\"Wireframes och struktur\">\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 3. UX -->\n <section class=\"feature-section alt\">\n <div class=\"feature-container\">\n <div class=\"feature-content\">\n <h2>Anv\u00e4ndarupplevelse & UX<\/h2>\n <p>Vi s\u00e4tter alltid anv\u00e4ndaren i fokus. Genom att kartl\u00e4gga hur bes\u00f6kare r\u00f6r sig p\u00e5 sidan skapar vi logiska fl\u00f6den, tydlig navigation och en s\u00f6ml\u00f6s upplevelse. Enkelhet och tydlighet \u00e4r nyckeln till att bes\u00f6kare stannar kvar och agerar.<\/p>\n <\/div>\n <div class=\"feature-image\">\n <img decoding=\"async\" src=\"https:\/\/nordyn.se\/wp-content\/uploads\/2026\/01\/6932965eeaca1594530515.jpg\" alt=\"User flow schema\">\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 4. Visual Identity -->\n <section class=\"feature-section\">\n <div class=\"feature-container\">\n <div class=\"feature-content\">\n <h2>Design som speglar ditt varum\u00e4rke<\/h2>\n <p>Er webbplats \u00e4r ert viktigaste digitala skyltf\u00f6nster. Vi arbetar noggrant med f\u00e4rger, typografi, spacing och tonalitet f\u00f6r att s\u00e4kerst\u00e4lla att designen inte bara \u00e4r modern, utan ocks\u00e5 unikt anpassad efter er f\u00f6retagsidentitet.<\/p>\n <\/div>\n <div class=\"feature-image\">\n <img decoding=\"async\" src=\"https:\/\/nordyn.se\/wp-content\/uploads\/2026\/01\/Namnlos-2.png\" alt=\"F\u00e4rgpaletter och typografi\">\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 5. Tech \/ Performance -->\n <section class=\"feature-section alt\">\n <div class=\"feature-container\">\n <div class=\"feature-content\">\n <h2>Byggd f\u00f6r prestanda och SEO<\/h2>\n <p>Bakom en snygg fasad kr\u00e4vs en stabil grund. Vi bygger webbplatser med modern, optimerad kod som garanterar snabba laddningstider, h\u00f6g s\u00e4kerhet och teknisk SEO i toppklass. En snabb sida rankar b\u00e4ttre och s\u00e4ljer mer.<\/p>\n <\/div>\n <div class=\"feature-image\">\n <img decoding=\"async\" src=\"https:\/\/nordyn.se\/wp-content\/uploads\/2026\/01\/Namnlos.jpeg\" alt=\"Kod och optimering\">\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 6. Process -->\n <section class=\"process-section\">\n <div class=\"process-wrapper\">\n <div class=\"process-heading\">\n <h2>En tydlig och effektiv process<\/h2>\n <p>Vi tror p\u00e5 transparens och struktur genom hela projektet.<\/p>\n <\/div>\n <div class=\"process-grid\">\n <div class=\"process-step\">\n <div class=\"step-dot\"><\/div>\n <h4>Analysis & Discovery<\/h4>\n <p>Vi kartl\u00e4gger m\u00e5l och m\u00e5lgrupp.<\/p>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-dot\"><\/div>\n <h4>Struktur<\/h4>\n <p>Wireframes och sitemap tas fram.<\/p>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-dot\"><\/div>\n <h4>Design<\/h4>\n <p>Visuella f\u00f6rslag presenteras.<\/p>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-dot\"><\/div>\n <h4>Implementation<\/h4>\n <p>Vi bygger sidan med modern teknik.<\/p>\n <\/div>\n <div class=\"process-step\">\n <div class=\"step-dot\"><\/div>\n <h4>Launch & Beyond<\/h4>\n <p>Testning, optimering och publicering.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 7. Responsive -->\n <section class=\"feature-section\">\n <div class=\"feature-container\">\n <div class=\"feature-content\">\n <h2>Mobil, surfplatta och desktop<\/h2>\n <p>Idag sker majoriteten av trafiken via mobilen. Vi designar med ett \"mobile-first\"-t\u00e4nk f\u00f6r att s\u00e4kerst\u00e4lla att er webbplats ser fantastisk ut och fungerar felfritt oavsett vilken enhet eller sk\u00e4rmstorlek era kunder anv\u00e4nder.<\/p>\n <\/div>\n <div class=\"feature-image\">\n <img decoding=\"async\" src=\"https:\/\/nordyn.se\/wp-content\/uploads\/2026\/01\/Skarmavbild-2026-01-25-kl.-23.46.28.png\" alt=\"Responsiva enheter\">\n <\/div>\n <\/div>\n <\/section>\n\n <!-- 8. Target Audience & CTA -->\n <section class=\"target-section\">\n <h2>F\u00f6r f\u00f6retag som vill ta sin n\u00e4rvaro p\u00e5 allvar<\/h2>\n <ul class=\"check-list\">\n <li>Sm\u00e5 & medelstora f\u00f6retag<\/li>\n <li>Varum\u00e4rken som vill uppgradera<\/li>\n <li>E-handelsf\u00f6retag<\/li>\n <li>Tj\u00e4nstef\u00f6retag<\/li>\n <\/ul>\n <\/section>\n\n <!-- 9. Final CTA -->\n <section class=\"final-cta\">\n <h2>Redo att skapa en webbplats som faktiskt fungerar?<\/h2>\n <a href=\"\/en\/kontakt\/\" class=\"contact-btn\">Kontakta Nordyn <span class=\"arrow\">\u2192<\/span><\/a>\n <\/section>\n\n<\/main>\n\n\n<!-- FOOTER -->\n<footer class=\"footer\">\n<div class=\"footer-container\">\n<div class=\"footer-main\">\n<div class=\"footer-brand\">\n<div class=\"footer-logo\"><svg version=\"1.0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"600pt\" height=\"167pt\" viewbox=\"0 0 600 167\" preserveaspectratio=\"xMidYMid meet\"><g transform=\"translate(0,167) scale(0.1,-0.1)\" fill=\"currentColor\" stroke=\"none\"><path d=\"M4905 1460 c-59 -24 -91 -101 -69 -165 16 -48 31 -63 79 -79 147 -51 244 154 112 234 -33 21 -87 25 -122 10z\"\/><path d=\"M3335 1261 l-50 -6 -3 -133 -3 -132 -42 7 c-122 22 -219 1 -282 -62 -52 -51 -65 -92 -65 -201 0 -133 34 -210 110 -249 56 -29 169 -40 277 -26 54 8 107 12 118 11 11 -1 34 -3 50 -4 l30 -1 3 403 2 402 -47 -2 c-27 0 -70 -4 -98 -7z m-77 -462 c19 -7 22 -16 22 -63 0 -30 -4 -57 -9 -60 -22 -14 -127 -16 -151 -4 -47 25 -52 119 -7 138 23 10 106 3 145 -11z\"\/><path d=\"M1135 1000 c-85 -14 -154 -39 -165 -61 -6 -11 -9 -107 -8 -246 l3 -228 98 -3 97 -3 0 154 c0 124 3 157 15 167 8 6 43 13 79 13 50 2 68 -2 85 -17 20 -18 21 -29 21 -168 l0 -149 98 3 97 3 -1 180 c0 171 -1 183 -26 236 -41 89 -96 117 -243 124 -49 2 -117 0 -150 -5z\"\/><path d=\"M1825 986 c-212 -98 -212 -412 0 -512 72 -34 208 -34 281 0 205 96 205 416 0 512 -73 34 -209 34 -281 0z m218 -195 c15 -14 22 -34 22 -61 0 -55 -29 -81 -94 -88 -46 -4 -53 -2 -81 26 -21 21 -30 40 -30 62 0 22 9 41 30 62 28 28 35 30 81 26 34 -4 58 -12 72 -27z\"\/><path d=\"M2465 1003 c-27 -2 -60 -6 -72 -8 l-23 -5 0 -266 0 -265 98 3 97 3 -3 125 -4 125 30 28 c32 30 70 37 134 24 l37 -8 15 53 c26 90 38 180 27 191 -5 5 -37 8 -70 5 -45 -3 -72 -12 -111 -36 -28 -18 -54 -32 -56 -32 -3 0 -5 10 -4 23 4 40 0 47 -22 45 -13 -1 -45 -3 -73 -5z\"\/><path d=\"M4485 999 c-84 -12 -153 -37 -165 -60 -6 -11 -9 -107 -8 -246 l3 -228 95 0 95 0 5 160 5 160 50 7 c28 5 64 6 82 3 56 -10 63 -32 63 -193 l0 -143 98 3 97 3 3 130 c5 225 -26 333 -106 374 -74 38 -189 48 -317 30z\"\/><path d=\"M3574 985 c-16 -41 139 -430 193 -487 l26 -27 -37 -88 c-20 -48 -36 -93 -36 -99 0 -6 37 -27 83 -46 61 -27 85 -33 94 -24 6 6 40 83 76 171 86 213 128 315 193 467 30 70 54 132 54 137 0 16 -195 15 -207 -1 -6 -7 -34 -72 -63 -145 -58 -143 -66 -160 -75 -152 -3 3 -19 69 -37 145 -17 76 -35 145 -41 152 -15 19 -216 17 -223 -3z\"\/><\/g><\/svg><\/div>\n<p class=\"footer-tagline\">Nordyn Web Agency Stockholm<\/p>\n<div class=\"footer-contact\"><a href=\"mailto:info@nordyn.se\">info@nordyn.se<\/a><br><a href=\"tel:+46722075505\">+46 72-207 55 05<\/a><br>Stockholm, Sweden<\/div>\n<\/div>\n<div class=\"footer-column\">\n<h4>Services<\/h4>\n<div class=\"footer-links\"><a href=\"\/en\/webbdesign\/\">Web Design<\/a><a href=\"\/en\/E-handel\/\">E-commerce<\/a><a href=\"\/en\/SEO\/\">SEO<\/a><a href=\"\/en\/Branding\/\">Branding<\/a><\/div>\n<\/div>\n<div class=\"footer-column\">\n<h4>Company<\/h4>\n<div class=\"footer-links\"><a href=\"\/en\/om-nordyn\/\">About Nordyn<\/a><a href=\"\/en\/Lediga-tjanster\/\">Open Positions<\/a><a href=\"\/en\/Blogg\/\">Blog<\/a><\/div>\n<\/div>\n<div class=\"footer-column\">\n<h4>Socials<\/h4>\n<div class=\"footer-links\"><a href=\"https:\/\/www.facebook.com\/share\/18A482YcY7\/?mibextid=wwXIfr\" rel=\"nofollow noopener\" target=\"_blank\">Facebook<\/a><a href=\"#\">LinkedIn<\/a><a href=\"https:\/\/www.instagram.com\/nordyn.se?igsh=bzVwdHhudTRlOW9s&utm_source=qr\">Instagram<\/a><\/div>\n<\/div>\n<\/div>\n<div class=\"footer-bottom\">\n<a href=\"\/en\/Integritetspolicy\/\">Privacy Policy<\/a><a href=\"\/en\/cookiepolicy\/\">Cookiepolicy<\/a><a href=\"\/en\/Anvandarvillkor\/\">Terms of Service<\/a><a href=\"\/en\/GDPR\/\">GDPR<\/a>\n<\/div>\n<\/div>\n<\/footer>\n\n<script>\n\/\/ HEADER FADE\ndocument.addEventListener('DOMContentLoaded', (event) => {\n const headerTagline = document.getElementById('headerTagline');\n if (headerTagline) {\n window.addEventListener('scroll', () => {\n if (window.scrollY > 10) { headerTagline.classList.add('fade-out'); } \n else { headerTagline.classList.remove('fade-out'); }\n });\n }\n});\n\n\/\/ FULLSCREEN MENU LOGIC\nconst menuToggle = document.getElementById(\"menuToggle\");\nconst menuIcon = document.getElementById(\"menuIcon\");\nconst menuOverlay = document.getElementById(\"menuOverlay\");\nconst menuClose = document.getElementById(\"menuClose\");\nconst mainHeader = document.getElementById(\"mainHeader\"); \n\nfunction openMenu(){\n mainHeader.classList.add('hidden');\n menuOverlay.classList.remove(\"closing\");\n menuOverlay.classList.add(\"opening\");\n \n menuOverlay.setAttribute(\"aria-hidden\",\"false\");\n menuToggle.setAttribute(\"aria-expanded\",\"true\");\n document.body.style.overflow = \"hidden\";\n \n setTimeout(() => {\n menuOverlay.classList.remove(\"opening\");\n menuOverlay.classList.add(\"open\");\n }, 400);\n}\n\nfunction closeMenu(){\n mainHeader.classList.remove('hidden');\n menuOverlay.classList.remove(\"open\");\n menuOverlay.classList.add(\"closing\");\n \n setTimeout(() => {\n menuOverlay.classList.remove(\"closing\");\n menuOverlay.setAttribute(\"aria-hidden\",\"true\");\n menuToggle.setAttribute(\"aria-expanded\",\"false\");\n document.body.style.overflow = \"\";\n }, 400);\n}\n\nif(menuToggle){\n menuToggle.addEventListener(\"click\", function(e) {\n if(e) e.preventDefault();\n this.blur(); \n \n if (menuOverlay.classList.contains(\"open\") || menuOverlay.classList.contains(\"opening\")) {\n closeMenu();\n } else {\n openMenu();\n }\n });\n}\nif(menuClose) menuClose.addEventListener(\"click\", closeMenu);\n\nwindow.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Escape\" && menuOverlay.classList.contains(\"open\")) closeMenu();\n});\n\n\/\/ LINK ANIMATION\nfunction isHashLink(href){ return href && href.startsWith(\"#\"); }\nfunction smoothScrollToHash(hash){\n const el = document.querySelector(hash);\n if (!el) return;\n el.scrollIntoView({ behavior:\"smooth\", block:\"start\" });\n}\n\ndocument.querySelectorAll(\".nav-animate\").forEach(a => {\n a.addEventListener(\"click\", (e) => {\n const href = a.getAttribute(\"href\");\n if (!href) return;\n if (a.target === \"_blank\") return;\n\n e.preventDefault();\n a.classList.add(\"arming\");\n\n if (menuOverlay.classList.contains(\"open\")) setTimeout(closeMenu, 120);\n\n setTimeout(() => {\n a.classList.remove(\"arming\");\n if (isHashLink(href)) {\n history.pushState(null, \"\", href);\n smoothScrollToHash(href);\n } else {\n window.location.href = href;\n }\n }, 220);\n });\n});\n\n\/\/ FUNKTION F\u00d6R ATT \u00d6PPNA\/ST\u00c4NGA TJ\u00c4NSTER MENYN (Fr\u00e5n Startsida)\nfunction toggleSubmenu(event) {\n event.preventDefault();\n event.stopPropagation();\n \n \/\/ JS-hack: Ta bort fokus omedelbart f\u00f6r att f\u00f6rhindra bl\u00e5 markering\n if (event.currentTarget) {\n event.currentTarget.blur();\n }\n \n const menuItem = document.getElementById('servicesMenuItem');\n menuItem.classList.toggle('has-expanded');\n}\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Nordyn \u2014 Webbdesign Digitalbyr\u00e5 \/ Webbbyr\u00e5 Stockholm Kontakta oss Meny + Digitalbyr\u00e5 \/ Webbbyr\u00e5 Stockholm Meny \u00d7 Startsida Case Tj\u00e4nster Webbdesign E-handel […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1437","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/comments?post=1437"}],"version-history":[{"count":15,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1437\/revisions"}],"predecessor-version":[{"id":1877,"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/pages\/1437\/revisions\/1877"}],"wp:attachment":[{"href":"https:\/\/nordyn.se\/en\/wp-json\/wp\/v2\/media?parent=1437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}