{"id":5324,"date":"2025-06-03T07:39:18","date_gmt":"2025-06-03T07:39:18","guid":{"rendered":"https:\/\/cmacademy.events\/?post_type=ht_kb&#038;p=5324"},"modified":"2026-07-14T07:54:01","modified_gmt":"2026-07-14T07:54:01","slug":"sa-designar-du-en-professionell-webbplats-for-ditt-evenemang-med-conference-manager-och-grafiska-hjalpverktyg","status":"publish","type":"ht_kb","link":"https:\/\/cmacademy.events\/sv\/knowledge-base\/sa-designar-du-en-professionell-webbplats-for-ditt-evenemang-med-conference-manager-och-grafiska-hjalpverktyg\/","title":{"rendered":"S\u00e5 designar du en professionell webbplats f\u00f6r ditt evenemang \u2013 med Conference Manager och grafiska hj\u00e4lpverktyg"},"content":{"rendered":"\n<style>\n  \/* ------------------------------------------------------------\n     CM Academy \u2013 Website design inspiration\n     Replace the current article body with this block.\n     The WordPress article title remains above this content.\n  ------------------------------------------------------------ *\/\n\n  .cm-design-inspiration,\n  .cm-design-inspiration * {\n    box-sizing: border-box !important;\n    font-family: \"Titillium Web\", sans-serif !important;\n  }\n\n  .cm-design-inspiration {\n    width: 100% !important;\n    max-width: 1260px !important;\n    margin: 1.1rem auto 2.6rem auto !important;\n    padding: 0 !important;\n    color: #24384D !important;\n  }\n\n  .cm-design-inspiration h2,\n  .cm-design-inspiration h3,\n  .cm-design-inspiration p {\n    padding: 0 !important;\n  }\n\n  .cm-design-inspiration h2 {\n    color: #1F354D !important;\n    font-size: 27px !important;\n    font-weight: 700 !important;\n    line-height: 1.22 !important;\n    margin: 0 0 0.65rem 0 !important;\n  }\n\n  .cm-design-inspiration h3 {\n    color: #1F354D !important;\n    font-size: 20px !important;\n    font-weight: 600 !important;\n    line-height: 1.26 !important;\n    margin: 0 0 0.45rem 0 !important;\n  }\n\n  .cm-design-inspiration p {\n    color: #24384D !important;\n    font-size: 17px !important;\n    line-height: 1.58 !important;\n    margin: 0 0 0.85rem 0 !important;\n  }\n\n  .cm-design-inspiration p:last-child {\n    margin-bottom: 0 !important;\n  }\n\n  \/* Hero *\/\n\n  .cm-design-hero {\n    position: relative !important;\n    overflow: hidden !important;\n    margin: 0 0 1.35rem 0 !important;\n    padding: 1.75rem 1.9rem !important;\n    border: 1px solid rgba(24, 90, 188, 0.18) !important;\n    border-radius: 20px !important;\n    background:\n      radial-gradient(\n        circle at 92% 8%,\n        rgba(156, 204, 61, 0.14) 0,\n        rgba(156, 204, 61, 0) 28%\n      ),\n      linear-gradient(\n        135deg,\n        #f7fbff 0%,\n        #ffffff 64%,\n        #fbfef6 100%\n      ) !important;\n    box-shadow: 0 12px 30px rgba(18, 32, 46, 0.05) !important;\n  }\n\n  .cm-design-hero::after {\n    content: none !important;\n  }\n\n  .cm-design-kicker {\n    position: relative !important;\n    z-index: 1 !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    min-height: 27px !important;\n    margin: 0 0 0.85rem 0 !important;\n    padding: 0.22rem 0.72rem !important;\n    border-radius: 999px !important;\n    background: rgba(156, 204, 61, 0.17) !important;\n    color: #68A817 !important;\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    line-height: 1.1 !important;\n    letter-spacing: 0.045em !important;\n    text-transform: uppercase !important;\n  }\n\n  .cm-design-hero-title {\n    position: relative !important;\n    z-index: 1 !important;\n    max-width: 1020px !important;\n    color: #1F354D !important;\n    font-size: 31px !important;\n    font-weight: 700 !important;\n    line-height: 1.16 !important;\n    margin: 0 0 0.8rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-hero p {\n    position: relative !important;\n    z-index: 1 !important;\n    max-width: 1040px !important;\n    font-size: 18px !important;\n    line-height: 1.58 !important;\n  }\n\n  .cm-design-tags {\n    position: relative !important;\n    z-index: 1 !important;\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 0.55rem !important;\n    margin: 1.15rem 0 0 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-tag {\n    display: inline-flex !important;\n    align-items: center !important;\n    min-height: 31px !important;\n    padding: 0.35rem 0.75rem !important;\n    border: 1px solid rgba(24, 90, 188, 0.16) !important;\n    border-radius: 999px !important;\n    background: rgba(255, 255, 255, 0.78) !important;\n    color: #425A70 !important;\n    font-size: 14px !important;\n    font-weight: 650 !important;\n    line-height: 1.15 !important;\n  }\n\n  \/* Main sections *\/\n\n  .cm-design-section {\n    margin: 1.35rem 0 0 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-section-intro {\n    max-width: 1000px !important;\n    margin: 0 0 1rem 0 !important;\n  }\n\n  \/* Foundation cards *\/\n\n  .cm-design-foundation-grid {\n    display: grid !important;\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    gap: 1rem !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-foundation-card {\n    position: relative !important;\n    overflow: hidden !important;\n    min-width: 0 !important;\n    padding: 1.45rem 1.5rem !important;\n    border-radius: 17px !important;\n    box-shadow: 0 9px 22px rgba(18, 32, 46, 0.04) !important;\n  }\n\n  .cm-design-foundation-card::after {\n    content: \"\" !important;\n    position: absolute !important;\n    top: -38px !important;\n    right: -38px !important;\n    width: 115px !important;\n    height: 115px !important;\n    border-radius: 50% !important;\n    pointer-events: none !important;\n  }\n\n  .cm-design-foundation-card.is-cm {\n    background: #f7fbff !important;\n    border: 1px solid rgba(24, 90, 188, 0.22) !important;\n  }\n\n  .cm-design-foundation-card.is-cm::after {\n    background: rgba(24, 90, 188, 0.08) !important;\n  }\n\n  .cm-design-foundation-card.is-tools {\n    background: #fbfef6 !important;\n    border: 1px solid rgba(156, 204, 61, 0.36) !important;\n  }\n\n  .cm-design-foundation-card.is-tools::after {\n    background: rgba(156, 204, 61, 0.15) !important;\n  }\n\n  .cm-design-card-label {\n    position: relative !important;\n    z-index: 1 !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    min-height: 26px !important;\n    margin: 0 0 0.72rem 0 !important;\n    padding: 0.2rem 0.65rem !important;\n    border-radius: 999px !important;\n    font-size: 12.5px !important;\n    font-weight: 700 !important;\n    line-height: 1.1 !important;\n    letter-spacing: 0.04em !important;\n    text-transform: uppercase !important;\n  }\n\n  .is-cm .cm-design-card-label {\n    background: rgba(24, 90, 188, 0.09) !important;\n    color: #185ABC !important;\n  }\n\n  .is-tools .cm-design-card-label {\n    background: rgba(156, 204, 61, 0.17) !important;\n    color: #68A817 !important;\n  }\n\n  .cm-design-foundation-title {\n    position: relative !important;\n    z-index: 1 !important;\n    color: #1F354D !important;\n    font-size: 23px !important;\n    font-weight: 650 !important;\n    line-height: 1.24 !important;\n    margin: 0 0 0.55rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-list {\n    display: grid !important;\n    gap: 0.55rem !important;\n    margin: 1rem 0 0 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-list-item {\n    display: grid !important;\n    grid-template-columns: auto minmax(0, 1fr) !important;\n    align-items: start !important;\n    gap: 0.58rem !important;\n    color: #425A70 !important;\n    font-size: 15.5px !important;\n    font-weight: 600 !important;\n    line-height: 1.44 !important;\n  }\n\n  .cm-design-list-dot {\n    width: 8px !important;\n    height: 8px !important;\n    margin-top: 0.42rem !important;\n    border-radius: 50% !important;\n    background: #9CCC3D !important;\n  }\n\n  .is-cm .cm-design-list-dot {\n    background: #185ABC !important;\n  }\n\n  \/* Inspiration cards *\/\n\n  .cm-design-idea-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    gap: 1rem !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-idea-card {\n    position: relative !important;\n    min-width: 0 !important;\n    min-height: 180px !important;\n    padding: 1.3rem 1.35rem !important;\n    overflow: hidden !important;\n    border: 1px solid #dce7f3 !important;\n    border-radius: 16px !important;\n    background: #ffffff !important;\n    box-shadow: 0 8px 20px rgba(18, 32, 46, 0.035) !important;\n  }\n\n  .cm-design-idea-card::before {\n    content: \"\" !important;\n    position: absolute !important;\n    left: 0 !important;\n    top: 0 !important;\n    width: 100% !important;\n    height: 5px !important;\n    background: #185ABC !important;\n  }\n\n  .cm-design-idea-card:nth-child(2)::before,\n  .cm-design-idea-card:nth-child(5)::before {\n    background: #9CCC3D !important;\n  }\n\n  .cm-design-idea-card:nth-child(3)::before,\n  .cm-design-idea-card:nth-child(6)::before {\n    background: #1F354D !important;\n  }\n\n  .cm-design-idea-number {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: 32px !important;\n    height: 32px !important;\n    margin: 0 0 0.72rem 0 !important;\n    border-radius: 10px !important;\n    background: rgba(24, 90, 188, 0.08) !important;\n    color: #185ABC !important;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    line-height: 1 !important;\n  }\n\n  .cm-design-idea-card:nth-child(2) .cm-design-idea-number,\n  .cm-design-idea-card:nth-child(5) .cm-design-idea-number {\n    background: rgba(156, 204, 61, 0.16) !important;\n    color: #68A817 !important;\n  }\n\n  .cm-design-idea-card:nth-child(3) .cm-design-idea-number,\n  .cm-design-idea-card:nth-child(6) .cm-design-idea-number {\n    background: rgba(31, 53, 77, 0.08) !important;\n    color: #1F354D !important;\n  }\n\n  .cm-design-idea-title {\n    color: #1F354D !important;\n    font-size: 19px !important;\n    font-weight: 650 !important;\n    line-height: 1.25 !important;\n    margin: 0 0 0.45rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-idea-card p {\n    color: #425A70 !important;\n    font-size: 15.5px !important;\n    line-height: 1.48 !important;\n  }\n\n  \/* Process *\/\n\n  .cm-design-process {\n    overflow: hidden !important;\n    padding: 1.55rem !important;\n    border: 1px solid rgba(24, 90, 188, 0.17) !important;\n    border-radius: 18px !important;\n    background:\n      linear-gradient(\n        135deg,\n        rgba(24, 90, 188, 0.045) 0%,\n        rgba(156, 204, 61, 0.075) 100%\n      ) !important;\n  }\n\n  .cm-design-step-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    gap: 0.9rem !important;\n    margin: 1.05rem 0 0 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-step {\n    min-width: 0 !important;\n    padding: 1.15rem !important;\n    border: 1px solid rgba(24, 90, 188, 0.13) !important;\n    border-radius: 14px !important;\n    background: rgba(255, 255, 255, 0.88) !important;\n  }\n\n  .cm-design-step-number {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: 34px !important;\n    height: 34px !important;\n    margin: 0 0 0.65rem 0 !important;\n    border-radius: 50% !important;\n    background: #1F354D !important;\n    color: #ffffff !important;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    line-height: 1 !important;\n  }\n\n  .cm-design-step-title {\n    color: #1F354D !important;\n    font-size: 18px !important;\n    font-weight: 650 !important;\n    line-height: 1.24 !important;\n    margin: 0 0 0.38rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-step p {\n    color: #425A70 !important;\n    font-size: 15px !important;\n    line-height: 1.46 !important;\n  }\n\n  .cm-design-format-note {\n    display: grid !important;\n    grid-template-columns: auto minmax(0, 1fr) !important;\n    align-items: start !important;\n    gap: 0.8rem !important;\n    margin: 0.9rem 0 0 0 !important;\n    padding: 1rem 1.1rem !important;\n    border-left: 5px solid #9CCC3D !important;\n    border-radius: 12px !important;\n    background: #ffffff !important;\n  }\n\n  .cm-design-format-badge {\n    display: inline-flex !important;\n    align-items: center !important;\n    min-height: 28px !important;\n    padding: 0.24rem 0.65rem !important;\n    border-radius: 999px !important;\n    background: rgba(156, 204, 61, 0.16) !important;\n    color: #68A817 !important;\n    font-size: 12.5px !important;\n    font-weight: 700 !important;\n    line-height: 1.1 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.04em !important;\n  }\n\n  .cm-design-format-note p {\n    font-size: 15.5px !important;\n    line-height: 1.48 !important;\n  }\n\n  \/* Canva resources *\/\n\n  .cm-design-video-section {\n    padding: 1.55rem !important;\n    border: 1px solid #dce7f3 !important;\n    border-radius: 18px !important;\n    background: #f7fbff !important;\n  }\n\n  .cm-design-video-grid {\n    display: grid !important;\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    gap: 1rem !important;\n    margin: 1.05rem 0 0 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-video-card,\n  .cm-design-video-card:visited {\n    position: relative !important;\n    display: flex !important;\n    flex-direction: column !important;\n    min-width: 0 !important;\n    min-height: 228px !important;\n    padding: 1.25rem 1.25rem 1.15rem 1.25rem !important;\n    overflow: hidden !important;\n    border: 1px solid #d6e3ef !important;\n    border-radius: 15px !important;\n    background: #ffffff !important;\n    box-shadow: 0 8px 20px rgba(18, 32, 46, 0.035) !important;\n    color: #24384D !important;\n    text-decoration: none !important;\n    transition:\n      border-color 0.2s ease,\n      box-shadow 0.2s ease !important;\n  }\n\n  .cm-design-video-card::before {\n    content: \"\" !important;\n    position: absolute !important;\n    left: 0 !important;\n    top: 0 !important;\n    bottom: 0 !important;\n    width: 6px !important;\n    background: #185ABC !important;\n  }\n\n  .cm-design-video-card:nth-child(2)::before {\n    background: #9CCC3D !important;\n  }\n\n  .cm-design-video-card:hover,\n  .cm-design-video-card:focus,\n  .cm-design-video-card:focus-visible {\n    border-color: rgba(24, 90, 188, 0.4) !important;\n    box-shadow: 0 10px 24px rgba(18, 32, 46, 0.055) !important;\n    color: #24384D !important;\n    text-decoration: none !important;\n    outline: none !important;\n  }\n\n  .cm-design-video-label {\n    display: inline-flex !important;\n    align-items: center !important;\n    width: fit-content !important;\n    min-height: 26px !important;\n    margin: 0 0 0.72rem 0 !important;\n    padding: 0.2rem 0.64rem !important;\n    border-radius: 999px !important;\n    background: rgba(24, 90, 188, 0.09) !important;\n    color: #185ABC !important;\n    font-size: 12.5px !important;\n    font-weight: 700 !important;\n    line-height: 1.1 !important;\n    letter-spacing: 0.04em !important;\n    text-transform: uppercase !important;\n  }\n\n  .cm-design-video-card:nth-child(2) .cm-design-video-label {\n    background: rgba(156, 204, 61, 0.16) !important;\n    color: #68A817 !important;\n  }\n\n  .cm-design-video-title {\n    color: #1F354D !important;\n    font-size: 20px !important;\n    font-weight: 650 !important;\n    line-height: 1.28 !important;\n    margin: 0 0 0.38rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-video-card p {\n    color: #425A70 !important;\n    font-size: 15px !important;\n    line-height: 1.48 !important;\n  }\n\n  .cm-design-video-spacer {\n    flex: 1 1 auto !important;\n    min-height: 0.95rem !important;\n  }\n\n  \/* Link buttons *\/\n\n  .cm-design-button,\n  .cm-design-button:visited {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: fit-content !important;\n    min-height: 40px !important;\n    padding: 0.54rem 0.92rem !important;\n    border-radius: 9px !important;\n    background: #ffffff !important;\n    background-color: #ffffff !important;\n    color: #185ABC !important;\n    border: 1px solid #185ABC !important;\n    box-shadow: none !important;\n    font-size: 14.5px !important;\n    font-weight: 700 !important;\n    line-height: 1.2 !important;\n    text-decoration: none !important;\n    transition: 0.2s ease !important;\n  }\n\n  .cm-design-button:hover,\n  .cm-design-button:focus,\n  .cm-design-button:focus-visible,\n  .cm-design-button:active {\n    background: #ffffff !important;\n    background-color: #ffffff !important;\n    color: #68A817 !important;\n    border-color: #9CCC3D !important;\n    text-decoration: none !important;\n    outline: none !important;\n  }\n\n  .cm-design-inline-cta {\n    display: inline-flex !important;\n    align-items: center !important;\n    width: fit-content !important;\n    color: #8FC63A !important;\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    line-height: 1.2 !important;\n    text-decoration: none !important;\n    transition: 0.2s ease !important;\n  }\n\n  .cm-design-inline-cta:hover,\n  .cm-design-inline-cta:focus,\n  .cm-design-inline-cta:focus-visible {\n    color: #185ABC !important;\n    text-decoration: none !important;\n    outline: none !important;\n  }\n\n  .cm-design-canva-actions {\n    display: flex !important;\n    align-items: center !important;\n    flex-wrap: wrap !important;\n    gap: 0.7rem !important;\n    margin: 1rem 0 0 0 !important;\n  }\n\n  \/* Tools *\/\n\n  .cm-design-tools-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    gap: 1rem !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-tool-card {\n    display: flex !important;\n    flex-direction: column !important;\n    min-width: 0 !important;\n    min-height: 225px !important;\n    padding: 1.3rem 1.35rem !important;\n    border: 1px solid #dce7f3 !important;\n    border-radius: 16px !important;\n    background: #ffffff !important;\n    box-shadow: 0 8px 20px rgba(18, 32, 46, 0.035) !important;\n  }\n\n  .cm-design-tool-name {\n    color: #1F354D !important;\n    font-size: 21px !important;\n    font-weight: 650 !important;\n    line-height: 1.25 !important;\n    margin: 0 0 0.5rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-tool-card p {\n    color: #425A70 !important;\n    font-size: 15.5px !important;\n    line-height: 1.48 !important;\n  }\n\n  .cm-design-tool-spacer {\n    flex: 1 1 auto !important;\n    min-height: 0.8rem !important;\n  }\n\n  .cm-design-tool-card a.cm-design-tool-link,\n  .cm-design-tool-card a.cm-design-tool-link:visited {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: fit-content !important;\n    min-height: 39px !important;\n    padding: 0.5rem 0.88rem !important;\n    border-radius: 9px !important;\n    background: #ffffff !important;\n    color: #1F354D !important;\n    border: 1px solid #cfdbe7 !important;\n    font-size: 14.5px !important;\n    font-weight: 700 !important;\n    line-height: 1.2 !important;\n    text-decoration: none !important;\n    transition: 0.2s ease !important;\n  }\n\n  .cm-design-tool-card a.cm-design-tool-link:hover,\n  .cm-design-tool-card a.cm-design-tool-link:focus,\n  .cm-design-tool-card a.cm-design-tool-link:focus-visible,\n  .cm-design-tool-card a.cm-design-tool-link:active {\n    background: #ffffff !important;\n    color: #185ABC !important;\n    border-color: #185ABC !important;\n    text-decoration: none !important;\n    outline: none !important;\n  }\n\n  \/* Responsive design and tips *\/\n\n  .cm-design-practical-grid {\n    display: grid !important;\n    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr) !important;\n    gap: 1rem !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-responsive-card,\n  .cm-design-tip-card {\n    min-width: 0 !important;\n    padding: 1.4rem 1.45rem !important;\n    border-radius: 17px !important;\n  }\n\n  .cm-design-responsive-card {\n    border: 1px solid rgba(24, 90, 188, 0.22) !important;\n    background: #f7fbff !important;\n  }\n\n  .cm-design-tip-card {\n    border: 1px solid rgba(156, 204, 61, 0.36) !important;\n    background: #fbfef6 !important;\n  }\n\n  .cm-design-tip-intro {\n    color: #425A70 !important;\n    font-size: 15px !important;\n    line-height: 1.48 !important;\n    margin: 0 0 0.8rem 0 !important;\n  }\n\n  .cm-design-tip-card .cm-design-list {\n    gap: 0.68rem !important;\n    margin-top: 0.75rem !important;\n  }\n\n  \/* Academy links *\/\n\n  .cm-design-academy {\n    padding: 1.55rem !important;\n    border: 1px solid rgba(31, 53, 77, 0.16) !important;\n    border-radius: 18px !important;\n    background:\n      linear-gradient(\n        135deg,\n        #ffffff 0%,\n        #f7fbff 100%\n      ) !important;\n  }\n\n  .cm-design-academy-grid {\n    display: grid !important;\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    gap: 0.85rem !important;\n    margin: 1rem 0 0 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-academy-card,\n  .cm-design-academy-card:visited {\n    display: grid !important;\n    grid-template-columns: 58px minmax(0, 1fr) auto !important;\n    align-items: center !important;\n    gap: 0.95rem !important;\n    min-width: 0 !important;\n    min-height: 112px !important;\n    padding: 1rem 1.05rem !important;\n    overflow: hidden !important;\n    border: 1px solid #dce7f3 !important;\n    border-radius: 15px !important;\n    color: #24384D !important;\n    text-decoration: none !important;\n    transition:\n      border-color 0.2s ease,\n      box-shadow 0.2s ease,\n      transform 0.2s ease !important;\n  }\n\n  .cm-design-academy-card:nth-child(1) {\n    background:\n      linear-gradient(\n        135deg,\n        rgba(24, 90, 188, 0.055) 0%,\n        #ffffff 58%\n      ) !important;\n  }\n\n  .cm-design-academy-card:nth-child(2) {\n    background:\n      linear-gradient(\n        135deg,\n        rgba(156, 204, 61, 0.09) 0%,\n        #ffffff 58%\n      ) !important;\n  }\n\n  .cm-design-academy-card:nth-child(3) {\n    background:\n      linear-gradient(\n        135deg,\n        rgba(31, 53, 77, 0.045) 0%,\n        #ffffff 58%\n      ) !important;\n  }\n\n  .cm-design-academy-card:nth-child(4) {\n    background:\n      linear-gradient(\n        135deg,\n        rgba(24, 90, 188, 0.045) 0%,\n        rgba(156, 204, 61, 0.055) 100%\n      ) !important;\n  }\n\n  .cm-design-academy-card:hover,\n  .cm-design-academy-card:focus,\n  .cm-design-academy-card:focus-visible {\n    border-color: rgba(24, 90, 188, 0.4) !important;\n    box-shadow: 0 10px 24px rgba(18, 32, 46, 0.055) !important;\n    transform: translateY(-1px) !important;\n    color: #24384D !important;\n    text-decoration: none !important;\n    outline: none !important;\n  }\n\n  .cm-design-academy-icon {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    width: 58px !important;\n    height: 58px !important;\n    padding: 0.55rem !important;\n    overflow: hidden !important;\n    border: 1px solid rgba(24, 90, 188, 0.12) !important;\n    border-radius: 15px !important;\n    background: rgba(255, 255, 255, 0.82) !important;\n    box-shadow: 0 6px 14px rgba(18, 32, 46, 0.045) !important;\n  }\n\n  .cm-design-academy-card:nth-child(2) .cm-design-academy-icon {\n    border-color: rgba(156, 204, 61, 0.24) !important;\n    background: rgba(255, 255, 255, 0.86) !important;\n  }\n\n  .cm-design-academy-card:nth-child(3) .cm-design-academy-icon {\n    border-color: rgba(31, 53, 77, 0.13) !important;\n  }\n\n  .cm-design-academy-card:nth-child(4) .cm-design-academy-icon {\n    border-color: rgba(24, 90, 188, 0.12) !important;\n  }\n\n  .cm-design-academy-icon img {\n    display: block !important;\n    width: 100% !important;\n    height: 100% !important;\n    max-width: none !important;\n    object-fit: contain !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border: 0 !important;\n    box-shadow: none !important;\n  }\n\n  .cm-design-academy-copy {\n    min-width: 0 !important;\n  }\n\n  .cm-design-academy-title {\n    color: #1F354D !important;\n    font-size: 17.5px !important;\n    font-weight: 650 !important;\n    line-height: 1.25 !important;\n    margin: 0 0 0.3rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-academy-card p {\n    color: #425A70 !important;\n    font-size: 14.5px !important;\n    line-height: 1.42 !important;\n    margin: 0 !important;\n  }\n\n  .cm-design-academy-cta {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: flex-end !important;\n    white-space: nowrap !important;\n    color: #8FC63A !important;\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    line-height: 1.2 !important;\n    transition: color 0.2s ease !important;\n  }\n\n  .cm-design-academy-card:hover .cm-design-academy-cta,\n  .cm-design-academy-card:focus .cm-design-academy-cta,\n  .cm-design-academy-card:focus-visible .cm-design-academy-cta {\n    color: #185ABC !important;\n  }\n\n  \/* Licensing *\/\n\n  .cm-design-license {\n    display: grid !important;\n    grid-template-columns: minmax(0, 1fr) auto !important;\n    align-items: center !important;\n    gap: 1.2rem !important;\n    margin: 1rem 0 0 0 !important;\n    padding: 1.2rem 1.3rem !important;\n    border-left: 6px solid #1F354D !important;\n    border-radius: 14px !important;\n    background: #f7f9fb !important;\n  }\n\n  .cm-design-license-title {\n    color: #1F354D !important;\n    font-size: 19px !important;\n    font-weight: 650 !important;\n    line-height: 1.25 !important;\n    margin: 0 0 0.34rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-design-license p {\n    color: #425A70 !important;\n    font-size: 15.5px !important;\n    line-height: 1.48 !important;\n  }\n\n  .cm-design-license-links {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: flex-end !important;\n    flex-wrap: wrap !important;\n    gap: 0.65rem !important;\n  }\n\n  \/* Responsive *\/\n\n  @media (max-width: 1050px) {\n    .cm-design-idea-grid,\n    .cm-design-tools-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    }\n\n    .cm-design-practical-grid {\n      grid-template-columns: 1fr !important;\n    }\n  }\n\n  @media (max-width: 780px) {\n    .cm-design-foundation-grid,\n    .cm-design-step-grid,\n    .cm-design-video-grid,\n    .cm-design-academy-grid {\n      grid-template-columns: 1fr !important;\n    }\n\n    .cm-design-academy-card {\n      grid-template-columns: 58px minmax(0, 1fr) !important;\n    }\n\n    .cm-design-academy-cta {\n      grid-column: 2 !important;\n      justify-content: flex-start !important;\n      margin-top: 0.2rem !important;\n    }\n\n    .cm-design-license {\n      grid-template-columns: 1fr !important;\n    }\n\n    .cm-design-license-links {\n      justify-content: flex-start !important;\n    }\n  }\n\n  @media (max-width: 620px) {\n    .cm-design-inspiration {\n      margin: 1rem auto 2rem auto !important;\n    }\n\n    .cm-design-inspiration h2 {\n      font-size: 24px !important;\n    }\n\n    .cm-design-inspiration p {\n      font-size: 16px !important;\n    }\n\n    .cm-design-hero {\n      padding: 1.4rem !important;\n    }\n\n    .cm-design-hero-title {\n      font-size: 26px !important;\n    }\n\n    .cm-design-hero p {\n      font-size: 16.5px !important;\n    }\n\n    .cm-design-idea-grid,\n    .cm-design-tools-grid {\n      grid-template-columns: 1fr !important;\n    }\n\n    .cm-design-foundation-card,\n    .cm-design-process,\n    .cm-design-video-section,\n    .cm-design-academy,\n    .cm-design-responsive-card,\n    .cm-design-tip-card {\n      padding: 1.25rem !important;\n    }\n\n    .cm-design-button,\n    .cm-design-tool-card a.cm-design-tool-link {\n      width: 100% !important;\n    }\n\n    .cm-design-canva-actions,\n    .cm-design-license-links {\n      display: grid !important;\n      grid-template-columns: 1fr !important;\n      width: 100% !important;\n    }\n\n    .cm-design-format-note {\n      grid-template-columns: 1fr !important;\n    }\n  }\n<\/style>\n\n<div class=\"cm-design-inspiration\" lang=\"sv\">\n<section class=\"cm-design-hero\">\n<div class=\"cm-design-kicker\">Webbplatsinspiration<\/div>\n<div class=\"cm-design-hero-title\">\n      Conference Manager skapar strukturen. Grafikverktyg hj\u00e4lper till att forma den visuella identiteten.\n    <\/div>\n<p>\n      En v\u00e4lstrukturerad webbplats f\u00f6r evenemanget hj\u00e4lper deltagarna att snabbt hitta viktig information och ta sig tryggt genom anm\u00e4lningsfl\u00f6det. Conference Manager ger den funktionella grunden, medan verktyg som Canva, Magnific, Adobe Express och Figma kan hj\u00e4lpa dig att skapa visuella element som st\u00f6djer evenemangets identitet.\n    <\/p>\n<div aria-label=\"Artikelns \u00e4mnen\" class=\"cm-design-tags\">\n<span class=\"cm-design-tag\">Webbplatsstruktur<\/span>\n<span class=\"cm-design-tag\">Visuell identitet<\/span>\n<span class=\"cm-design-tag\">Grafisk inspiration<\/span>\n<\/div>\n<\/section>\n<section class=\"cm-design-section\">\n<div class=\"cm-design-section-intro\">\n<h2>Kombinera funktion och visuellt uttryck<\/h2>\n<p>\n        De b\u00e4sta resultaten uppst\u00e5r ofta n\u00e4r Conference Manager och ett externt grafikverktyg anv\u00e4nds f\u00f6r olika delar av processen.\n      <\/p>\n<\/div>\n<div class=\"cm-design-foundation-grid\">\n<article class=\"cm-design-foundation-card is-cm\">\n<div class=\"cm-design-card-label\">Conference Manager<\/div>\n<div class=\"cm-design-foundation-title\">Bygg evenemangets struktur<\/div>\n<p>\n          Anv\u00e4nd Grundinst\u00e4llningar f\u00f6r att definiera anm\u00e4lningsfl\u00f6det och viktiga inst\u00e4llningar f\u00f6r evenemanget. Anv\u00e4nd sedan Webbdesigner f\u00f6r att presentera informationen tydligt.\n        <\/p>\n<div class=\"cm-design-list\">\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Konfigurera anm\u00e4lan och deltagarkategorier i Grundinst\u00e4llningar<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>L\u00e4gg till programinformation och inneh\u00e5ll om talare i evenemangsinst\u00e4llningarna<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Skapa sidor, sektioner och tydlig navigering i Webbdesigner<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Anpassa webbplatsens layout f\u00f6r dator, surfplatta och mobil<\/span>\n<\/div>\n<\/div>\n<\/article>\n<article class=\"cm-design-foundation-card is-tools\">\n<div class=\"cm-design-card-label\">Grafikverktyg<\/div>\n<div class=\"cm-design-foundation-title\">Skapa den visuella identiteten<\/div>\n<p>\n          Anv\u00e4nd ett grafikverktyg f\u00f6r att f\u00f6rbereda visuellt material innan det l\u00e4ggs till i Webbdesigner.\n        <\/p>\n<div class=\"cm-design-list\">\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Designa sidhuvudsbilder, banners och bakgrunder<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Skapa grafik f\u00f6r talare, program och sociala medier<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>F\u00f6rbered ikoner, illustrationer och anpassade bildformer<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Anv\u00e4nd enhetliga f\u00e4rger, typsnitt och bildstilar<\/span>\n<\/div>\n<\/div>\n<\/article>\n<\/div>\n<\/section>\n<section class=\"cm-design-section\">\n<div class=\"cm-design-section-intro\">\n<h2>Id\u00e9er f\u00f6r visuellt inneh\u00e5ll<\/h2>\n<p>\n        Du beh\u00f6ver inte g\u00f6ra om hela webbplatsen. N\u00e5gra enhetliga grafiska element kan g\u00f6ra sidan mer igenk\u00e4nnbar och genomarbetad.\n      <\/p>\n<\/div>\n<div class=\"cm-design-idea-grid\">\n<article class=\"cm-design-idea-card\">\n<div class=\"cm-design-idea-number\">01<\/div>\n<div class=\"cm-design-idea-title\">Sidhuvudsbilder och banners<\/div>\n<p>\n          Skapa ett tydligt f\u00f6rsta intryck med evenemangets f\u00e4rger, titel och ett relevant visuellt element.\n        <\/p>\n<\/article>\n<article class=\"cm-design-idea-card\">\n<div class=\"cm-design-idea-number\">02<\/div>\n<div class=\"cm-design-idea-title\">Grafik f\u00f6r talare<\/div>\n<p>\n          Presentera talare med enhetliga portr\u00e4tt, namn, roller och bildproportioner.\n        <\/p>\n<\/article>\n<article class=\"cm-design-idea-card\">\n<div class=\"cm-design-idea-number\">03<\/div>\n<div class=\"cm-design-idea-title\">Programgrafik<\/div>\n<p>\n          F\u00f6rst\u00e4rk programmets teman med f\u00e4rgkodning, ikoner eller enkel grafik f\u00f6r programpunkter.\n        <\/p>\n<\/article>\n<article class=\"cm-design-idea-card\">\n<div class=\"cm-design-idea-number\">04<\/div>\n<div class=\"cm-design-idea-title\">Grafik f\u00f6r sociala medier<\/div>\n<p>\n          Skapa matchande grafik f\u00f6r LinkedIn, Facebook och Instagram.\n        <\/p>\n<\/article>\n<article class=\"cm-design-idea-card\">\n<div class=\"cm-design-idea-number\">05<\/div>\n<div class=\"cm-design-idea-title\">Ikoner och illustrationer<\/div>\n<p>\n          Anv\u00e4nd enkla visuella ledtr\u00e5dar f\u00f6r att st\u00f6dja informationen utan att sidan k\u00e4nns r\u00f6rig.\n        <\/p>\n<\/article>\n<article class=\"cm-design-idea-card\">\n<div class=\"cm-design-idea-number\">06<\/div>\n<div class=\"cm-design-idea-title\">Diskret animation<\/div>\n<p>\n          En liten animerad GIF kan skapa r\u00f6relse, men b\u00f6r inte ta uppm\u00e4rksamheten fr\u00e5n anm\u00e4lan eller viktig information.\n        <\/p>\n<\/article>\n<\/div>\n<\/section>\n<section class=\"cm-design-section cm-design-process\">\n<h2>Fr\u00e5n grafikverktyg till Webbdesigner<\/h2>\n<p>\n      Ett enkelt arbetsfl\u00f6de g\u00f6r det l\u00e4ttare att beh\u00e5lla en enhetlig design och anv\u00e4nda grafiken p\u00e5 r\u00e4tt plats.\n    <\/p>\n<div class=\"cm-design-step-grid\">\n<article class=\"cm-design-step\">\n<div class=\"cm-design-step-number\">1<\/div>\n<div class=\"cm-design-step-title\">Skapa<\/div>\n<p>\n          Designa grafiken utifr\u00e5n evenemangets f\u00e4rger, typsnitt, bildstil och syfte.\n        <\/p>\n<\/article>\n<article class=\"cm-design-step\">\n<div class=\"cm-design-step-number\">2<\/div>\n<div class=\"cm-design-step-title\">Exportera<\/div>\n<p>\n          Ladda ned den f\u00e4rdiga designen i ett l\u00e4mpligt filformat och i en passande storlek.\n        <\/p>\n<\/article>\n<article class=\"cm-design-step\">\n<div class=\"cm-design-step-number\">3<\/div>\n<div class=\"cm-design-step-title\">Infoga<\/div>\n<p>\n          Ladda upp filen till mediearkivet och l\u00e4gg till den som bild, bakgrund eller l\u00e4nkat visuellt element.\n        <\/p>\n<\/article>\n<\/div>\n<div class=\"cm-design-format-note\">\n<span class=\"cm-design-format-badge\">Filformat<\/span>\n<p>\n        JPG passar i regel f\u00f6r foton och banners. PNG passar f\u00f6r logotyper, ikoner och grafik som beh\u00f6ver skarpa kanter eller transparent bakgrund. GIF kan anv\u00e4ndas f\u00f6r enkel animation, men t\u00e4nk p\u00e5 filstorleken.\n      <\/p>\n<\/div>\n<\/section>\n<section class=\"cm-design-section cm-design-video-section\">\n<h2>Ny p\u00e5 Canva?<\/h2>\n<p>\n      Vissa videoinb\u00e4ddningar kan blockeras beroende p\u00e5 webbplatsens inst\u00e4llningar. Resurserna nedan \u00f6ppnas d\u00e4rf\u00f6r direkt i Canva eller p\u00e5 YouTube.\n    <\/p>\n<div class=\"cm-design-video-grid\">\n<a class=\"cm-design-video-card\" href=\"https:\/\/www.youtube.com\/watch?v=N4ShMA_djfk\" rel=\"noopener\" target=\"_blank\">\n<div class=\"cm-design-video-label\">Canva-video<\/div>\n<div class=\"cm-design-video-title\">\n          Anpassa mallar\n        <\/div>\n<p>\n          Se hur mallar, layouter och stilar kan anpassas f\u00f6r att skapa ett eget uttryck.\n        <\/p>\n<div class=\"cm-design-video-spacer\"><\/div>\n<span class=\"cm-design-inline-cta\">Se video \u2192<\/span>\n<\/a>\n<a class=\"cm-design-video-card\" href=\"https:\/\/www.youtube.com\/watch?v=GkKHUq6vU8M\" rel=\"noopener\" target=\"_blank\">\n<div class=\"cm-design-video-label\">Canva-video<\/div>\n<div class=\"cm-design-video-title\">\n          Ladda upp och redigera bilder\n        <\/div>\n<p>\n          Se hur uppladdade bilder kan anpassas och anv\u00e4ndas som en del av en f\u00e4rdig design.\n        <\/p>\n<div class=\"cm-design-video-spacer\"><\/div>\n<span class=\"cm-design-inline-cta\">Se video \u2192<\/span>\n<\/a>\n<\/div>\n<div class=\"cm-design-canva-actions\">\n<a class=\"cm-design-button\" href=\"https:\/\/www.canva.com\/designschool\/\" rel=\"noopener\" target=\"_blank\">\n        Utforska Canva Design School\n      <\/a>\n<a class=\"cm-design-button\" href=\"https:\/\/www.canva.com\/designschool\/tutorials\/designing\/how-to-find-the-right-template-for-any-occasion\/\" rel=\"noopener\" target=\"_blank\">\n        Hitta r\u00e4tt mall\n      <\/a>\n<\/div>\n<\/section>\n<section class=\"cm-design-section\">\n<div class=\"cm-design-section-intro\">\n<h2>Andra anv\u00e4ndbara grafikverktyg<\/h2>\n<p>\n        Canva \u00e4r bara ett alternativ. V\u00e4lj det verktyg som passar ditt arbetsfl\u00f6de, din erfarenhet och dina visuella behov.\n      <\/p>\n<\/div>\n<div class=\"cm-design-tools-grid\">\n<article class=\"cm-design-tool-card\">\n<div class=\"cm-design-tool-name\">Magnific<\/div>\n<p>\n          Magnific, tidigare Freepik, erbjuder stockbilder, vektorer, illustrationer, ikoner och kreativa verktyg som kan hj\u00e4lpa dig att hitta eller utveckla visuellt material.\n        <\/p>\n<div class=\"cm-design-tool-spacer\"><\/div>\n<a class=\"cm-design-tool-link\" href=\"https:\/\/www.magnific.com\/\" rel=\"noopener\" target=\"_blank\">\n          Bes\u00f6k Magnific\n        <\/a>\n<\/article>\n<article class=\"cm-design-tool-card\">\n<div class=\"cm-design-tool-name\">Adobe Express<\/div>\n<p>\n          Adobe Express kan anv\u00e4ndas f\u00f6r att skapa banners, grafik f\u00f6r sociala medier och annat visuellt inneh\u00e5ll utifr\u00e5n mallar.\n        <\/p>\n<div class=\"cm-design-tool-spacer\"><\/div>\n<a class=\"cm-design-tool-link\" href=\"https:\/\/www.adobe.com\/express\/\" rel=\"noopener\" target=\"_blank\">\n          Bes\u00f6k Adobe Express\n        <\/a>\n<\/article>\n<article class=\"cm-design-tool-card\">\n<div class=\"cm-design-tool-name\">Figma<\/div>\n<p>\n          Figma kan vara anv\u00e4ndbart n\u00e4r flera personer beh\u00f6ver utveckla, granska eller anpassa visuella koncept tillsammans.\n        <\/p>\n<div class=\"cm-design-tool-spacer\"><\/div>\n<a class=\"cm-design-tool-link\" href=\"https:\/\/www.figma.com\/\" rel=\"noopener\" target=\"_blank\">\n          Bes\u00f6k Figma\n        <\/a>\n<\/article>\n<\/div>\n<\/section>\n<section class=\"cm-design-section\">\n<div class=\"cm-design-section-intro\">\n<h2>Design f\u00f6r olika sk\u00e4rmstorlekar<\/h2>\n<p>\n        Webbplatsen ska vara tydlig och enkel att anv\u00e4nda oavsett om deltagarna bes\u00f6ker den fr\u00e5n en dator, surfplatta eller mobil.\n      <\/p>\n<\/div>\n<div class=\"cm-design-practical-grid\">\n<article class=\"cm-design-responsive-card\">\n<h3>Arbeta fr\u00e5n v\u00e4nster till h\u00f6ger i Webbdesigner<\/h3>\n<p>\n          I Webbdesigner b\u00f6rjar du i datorvyn och forts\u00e4tter sedan till surfplatta och mobil fr\u00e5n v\u00e4nster till h\u00f6ger. Sidhuvudsbilder och sektionsbakgrunder \u00e4rvs av de mindre vyerna, men kan ers\u00e4ttas d\u00e4r utan att datorversionen \u00e4ndras. Layoutinst\u00e4llningar f\u00f6r enskilda element, exempelvis marginaler och avst\u00e5nd, kan ocks\u00e5 anpassas separat f\u00f6r varje enhet.\n        <\/p>\n<div class=\"cm-design-list\">\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Granska dator, surfplatta och mobil fr\u00e5n v\u00e4nster till h\u00f6ger<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Kontrollera att texten fortfarande \u00e4r l\u00e4tt att l\u00e4sa<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Byt ut bakgrundsbilder vid behov<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Anpassa marginaler och avst\u00e5nd f\u00f6r varje enhet<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Testa hela deltagarfl\u00f6det innan publicering<\/span>\n<\/div>\n<\/div>\n<\/article>\n<aside class=\"cm-design-tip-card\">\n<h3>Skapa en tydlig och enhetlig design<\/h3>\n<p class=\"cm-design-tip-intro\">\n          N\u00e4r samma visuella val \u00e5terkommer p\u00e5 hela webbplatsen blir inneh\u00e5llet l\u00e4ttare att k\u00e4nna igen och navigera i.\n        <\/p>\n<div class=\"cm-design-list\">\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Anv\u00e4nd en begr\u00e4nsad f\u00e4rgpalett<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>V\u00e4lj ett eller tv\u00e5 typsnitt<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Anv\u00e4nd enhetliga bildproportioner<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Anv\u00e4nd samma stil f\u00f6r rubriker, knappar och inneh\u00e5llsblock<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>L\u00e4mna tillr\u00e4ckligt med utrymme runt inneh\u00e5llet<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>G\u00f6r den viktigaste informationen l\u00e4tt att hitta<\/span>\n<\/div>\n<\/div>\n<\/aside>\n<\/div>\n<\/section>\n<section class=\"cm-design-section cm-design-academy\">\n<h2>Forts\u00e4tt i CM Academy<\/h2>\n<p>\n      De h\u00e4r resurserna visar hur du arbetar med Webbdesigner och f\u00f6rbereder bilder f\u00f6r Conference Manager.\n    <\/p>\n<div class=\"cm-design-academy-grid\">\n<a class=\"cm-design-academy-card\" href=\"https:\/\/cmacademy.events\/sv\/knowledge-base\/videointroduktion-till-website-designer-pa-engelska\/\">\n<span class=\"cm-design-academy-icon\" aria-hidden=\"true\">\n  <img decoding=\"async\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2026\/07\/Design-uden-navn-29.png\" alt=\"\" loading=\"lazy\" \/>\n<\/span>\n<div class=\"cm-design-academy-copy\">\n<div class=\"cm-design-academy-title\">\n            Videointroduktion till Webbdesigner\n          <\/div>\n<p>\n            F\u00e5 en \u00f6versikt \u00f6ver teman, element, bakgrunder, mallar och responsiv design.\n          <\/p>\n<\/div>\n<span class=\"cm-design-academy-cta\">Se video \u2192<\/span>\n<\/a>\n<a class=\"cm-design-academy-card\" href=\"https:\/\/cmacademy.events\/sv\/knowledge-base\/lagg-in-element-i-website-designer\/\">\n<span class=\"cm-design-academy-icon\" aria-hidden=\"true\">\n  <img decoding=\"async\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2026\/07\/Design-uden-navn-33.png\" alt=\"\" loading=\"lazy\" \/>\n<\/span>\n<div class=\"cm-design-academy-copy\">\n<div class=\"cm-design-academy-title\">\n            Infoga element i Webbdesigner\n          <\/div>\n<p>\n            Se hur du l\u00e4gger till och organiserar de element som anv\u00e4nds f\u00f6r att bygga en sida.\n          <\/p>\n<\/div>\n<span class=\"cm-design-academy-cta\">\u00d6ppna guiden \u2192<\/span>\n<\/a>\n<a class=\"cm-design-academy-card\" href=\"https:\/\/cmacademy.events\/sv\/knowledge-base\/satta-in-en-bild-i-website-designer\/\">\n<span class=\"cm-design-academy-icon\" aria-hidden=\"true\">\n  <img decoding=\"async\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2026\/07\/Design-uden-navn-31.png\" alt=\"\" loading=\"lazy\" \/>\n<\/span>\n<div class=\"cm-design-academy-copy\">\n<div class=\"cm-design-academy-title\">\n            Infoga bilder i Webbdesigner\n          <\/div>\n<p>\n            Se hur en bild anv\u00e4nds som bakgrund, sektionsbakgrund eller frist\u00e5ende element.\n          <\/p>\n<\/div>\n<span class=\"cm-design-academy-cta\">\u00d6ppna guiden \u2192<\/span>\n<\/a>\n<a class=\"cm-design-academy-card\" href=\"https:\/\/cmacademy.events\/sv\/knowledge-base\/rekommenderade-bildstorlekar-i-conference-manager\/\">\n<span class=\"cm-design-academy-icon\" aria-hidden=\"true\">\n  <img decoding=\"async\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2026\/07\/Design-uden-navn-32.png\" alt=\"\" loading=\"lazy\" \/>\n<\/span>\n<div class=\"cm-design-academy-copy\">\n<div class=\"cm-design-academy-title\">\n            Rekommenderade bildstorlekar\n          <\/div>\n<p>\n            Kontrollera rekommenderade m\u00e5tt och filformat innan du skapar din grafik.\n          <\/p>\n<\/div>\n<span class=\"cm-design-academy-cta\">Se \u00f6versikt \u2192<\/span>\n<\/a>\n<\/div>\n<\/section>\n<aside class=\"cm-design-license\">\n<div>\n<div class=\"cm-design-license-title\">\n        T\u00e4nk p\u00e5 licenser f\u00f6r bilder och inneh\u00e5ll\n      <\/div>\n<p>\n        Innan du anv\u00e4nder stockbilder, ikoner, illustrationer eller annat material fr\u00e5n tredje part b\u00f6r du kontrollera plattformens aktuella krav p\u00e5 licensiering och kreditering.\n      <\/p>\n<\/div>\n<div class=\"cm-design-license-links\">\n<a class=\"cm-design-button\" href=\"https:\/\/www.canva.com\/policies\/content-license-agreement\/\" rel=\"noopener\" target=\"_blank\">\n        Canvas licensvillkor\n      <\/a>\n<a class=\"cm-design-button\" href=\"https:\/\/www.magnific.com\/ai\/docs\/licenses-attribution\" rel=\"noopener\" target=\"_blank\">\n        Magnifics licensvillkor\n      <\/a>\n<\/div>\n<\/aside>\n<\/div>\n\n\n\n<div class=\"author-box\" style=\"display: flex; align-items: center; gap: 20px; padding: 30px 0; font-family: 'Titillium Web', sans-serif; margin-top: 50px; border: none;\"> \n  <img decoding=\"async\" src=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2026\/05\/Design-uden-navn-2026-05-04T104103.453.png\" alt=\"Elisabeth Bj\u00f8rn Andersen\" style=\"width: 80px; height: 80px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 12px rgba(24, 90, 188, 0.5);\">\n  <div style=\"display: flex; flex-direction: column; justify-content: center;\">\n    <div style=\"font-size: 20px; font-weight: 700; color: #185ABC; margin: 0;\">Elisabeth Bj\u00f8rn Andersen<\/div>\n    <div style=\"font-size: 14px; color: #555; margin: 0;\">Publicerad: 2026.07.13<\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Webbplatsinspiration Conference Manager skapar strukturen. Grafikverktyg hj\u00e4lper till att forma den visuella identiteten. En v\u00e4lstrukturerad webbplats f\u00f6r evenemanget hj\u00e4lper deltagarna att snabbt hitta viktig information och ta sig tryggt genom anm\u00e4lningsfl\u00f6det. Conference Manager ger den funktionella grunden, medan verktyg som Canva, Magnific, Adobe Express och Figma kan hj\u00e4lpa dig att skapa visuella element som st\u00f6djer &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/cmacademy.events\/sv\/knowledge-base\/sa-designar-du-en-professionell-webbplats-for-ditt-evenemang-med-conference-manager-och-grafiska-hjalpverktyg\/\" class=\"more-link\">Forts\u00e4tt l\u00e4sa<span class=\"screen-reader-text\"> \u201dS\u00e5 designar du en professionell webbplats f\u00f6r ditt evenemang \u2013 med Conference Manager och grafiska hj\u00e4lpverktyg\u201d<\/span><\/a><\/p>\n","protected":false},"author":6,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[475],"ht-kb-tag":[2670,555,2666,538,2662,2676,2668,2675,2664,2671,2669,2667,2674,2661,2663,2673,2665,2672,554],"class_list":["post-5324","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-inspiration-sv","ht_kb_tag-adobe-express-sv","ht_kb_tag-branding-sv","ht_kb_tag-canva-sv","ht_kb_tag-conference-manager-sv","ht_kb_tag-deltagarupplevelse-sv","ht_kb_tag-designtips","ht_kb_tag-eventbranding","ht_kb_tag-eventgrafik","ht_kb_tag-eventsajt","ht_kb_tag-figma-sv","ht_kb_tag-freepik-sv","ht_kb_tag-grafiska-designverktyg","ht_kb_tag-professionell-eventsajt","ht_kb_tag-registreringsflode-sv","ht_kb_tag-registreringssida-sv","ht_kb_tag-responsiv-design","ht_kb_tag-responsive-design-sv","ht_kb_tag-skapa-eventsajt","ht_kb_tag-templates-sv","entry"],"_links":{"self":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/5324","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/comments?post=5324"}],"version-history":[{"count":10,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/5324\/revisions"}],"predecessor-version":[{"id":17605,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/5324\/revisions\/17605"}],"wp:attachment":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/media?parent=5324"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb-category?post=5324"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb-tag?post=5324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}