{"id":5264,"date":"2025-06-03T07:39:18","date_gmt":"2025-06-03T07:39:18","guid":{"rendered":"https:\/\/cmacademy.events\/?post_type=ht_kb&#038;p=5264"},"modified":"2026-07-29T13:28:45","modified_gmt":"2026-07-29T13:28:45","slug":"sadan-designer-du-et-professionelt-website-til-dit-arrangement-med-conference-manager-og-grafiske-hjaelpevaerktojer","status":"publish","type":"ht_kb","link":"https:\/\/cmacademy.events\/da\/knowledge-base\/sadan-designer-du-et-professionelt-website-til-dit-arrangement-med-conference-manager-og-grafiske-hjaelpevaerktojer\/","title":{"rendered":"S\u00e5dan designer du et professionelt website til dit arrangement \u2013 med Conference Manager og grafiske hj\u00e6lpev\u00e6rkt\u00f8jer"},"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=\"da\">\n<section class=\"cm-design-hero\">\n<div class=\"cm-design-kicker\">Websiteinspiration<\/div>\n<div class=\"cm-design-hero-title\">\n      Conference Manager skaber strukturen. Grafikv\u00e6rkt\u00f8jer er med til at forme den visuelle identitet.\n    <\/div>\n<p>\n      Et velstruktureret website til arrangementet hj\u00e6lper deltagerne med hurtigt at finde vigtig information og komme sikkert gennem tilmeldingsprocessen. Conference Manager giver det funktionelle fundament, mens v\u00e6rkt\u00f8jer som Canva, Magnific, Adobe Express og Figma kan hj\u00e6lpe dig med at skabe visuelle elementer, der underst\u00f8tter arrangementets identitet.\n    <\/p>\n<div aria-label=\"Artiklens emner\" class=\"cm-design-tags\">\n<span class=\"cm-design-tag\">Websitestruktur<\/span>\n<span class=\"cm-design-tag\">Visuel 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>Kombin\u00e9r funktion og visuelt udtryk<\/h2>\n<p>\n        De bedste resultater opst\u00e5r ofte, n\u00e5r Conference Manager og et eksternt grafikv\u00e6rkt\u00f8j bruges til hver sin del af 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\">Opbyg arrangementets struktur<\/div>\n<p>\n          Brug Grundops\u00e6tning til at definere tilmeldingsforl\u00f8bet og arrangementets vigtigste indstillinger, og brug derefter Website-designer til at pr\u00e6sentere informationen tydeligt.\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>Ops\u00e6t tilmelding og deltagerkategorier i Grundops\u00e6tning<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Tilf\u00f8j programinformation og information om opl\u00e6gsholdere i arrangementsops\u00e6tningen<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Opret sider, sektioner og tydelig navigation i Website-designer<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Tilpas websitets layout til computer, tablet og mobil<\/span>\n<\/div>\n<\/div>\n<\/article>\n<article class=\"cm-design-foundation-card is-tools\">\n<div class=\"cm-design-card-label\">Grafikv\u00e6rkt\u00f8jer<\/div>\n<div class=\"cm-design-foundation-title\">Skab den visuelle identitet<\/div>\n<p>\n          Brug et grafikv\u00e6rkt\u00f8j til at klarg\u00f8re visuelt materiale, f\u00f8r det tilf\u00f8jes i Website-designer.\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>Design headerbilleder, bannere og baggrunde<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Lav grafik til opl\u00e6gsholdere, program og sociale medier<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Klarg\u00f8r ikoner, illustrationer og tilpassede billedformer<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Brug ensartede farver, skrifttyper og billedstile<\/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 til visuelt indhold<\/h2>\n<p>\n        Du beh\u00f8ver ikke at redesigne hele websitet. F\u00e5 ensartede grafiske elementer kan f\u00e5 siden til at fremst\u00e5 mere genkendelig og gennemf\u00f8rt.\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\">Headerbilleder og bannere<\/div>\n<p>\n          Skab et tydeligt f\u00f8rsteh\u00e5ndsindtryk med arrangementets farver, titel og et relevant visuelt 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 til opl\u00e6gsholdere<\/div>\n<p>\n          Pr\u00e6senter opl\u00e6gsholdere med ensartede portr\u00e6tter, navne, roller og billedformater.\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          Underst\u00f8t programmets temaer med farvekoder, ikoner eller enkel grafik til sessionerne.\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 til sociale medier<\/div>\n<p>\n          Lav matchende grafik til LinkedIn, Facebook og 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 og illustrationer<\/div>\n<p>\n          Brug enkle visuelle pejlem\u00e6rker til at underst\u00f8tte informationen uden at g\u00f8re siden rodet.\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 lille animeret GIF kan skabe bev\u00e6gelse, men b\u00f8r ikke tage opm\u00e6rksomheden fra tilmeldingen eller vigtig information.\n        <\/p>\n<\/article>\n<\/div>\n<\/section>\n<section class=\"cm-design-section cm-design-process\">\n<h2>Fra grafikv\u00e6rkt\u00f8j til Website-designer<\/h2>\n<p>\n      En enkel arbejdsgang g\u00f8r det lettere at bevare et ensartet design og bruge grafikken det rigtige sted.\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\">Design<\/div>\n<p>\n          Design grafikken med arrangementets farver, skrifttyper, billedstil og form\u00e5l.\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\">Eksport\u00e9r<\/div>\n<p>\n          Download det f\u00e6rdige design i et egnet filformat og en passende st\u00f8rrelse.\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\">Inds\u00e6t<\/div>\n<p>\n          Upload filen til mediearkivet, og tilf\u00f8j den som billede, baggrund eller et visuelt element med link.\n        <\/p>\n<\/article>\n<\/div>\n<div class=\"cm-design-format-note\">\n<span class=\"cm-design-format-badge\">Filformater<\/span>\n<p>\n        JPG egner sig generelt til fotos og bannere. PNG er velegnet til logoer, ikoner og grafik, der kr\u00e6ver skarpe kanter eller en gennemsigtig baggrund. GIF kan bruges til enkel animation, men v\u00e6r opm\u00e6rksom p\u00e5 filst\u00f8rrelsen.\n      <\/p>\n<\/div>\n<\/section>\n<section class=\"cm-design-section cm-design-video-section\">\n<h2>Ny i Canva?<\/h2>\n<p>\n      Kom godt i gang med Canva med korte videoer og nyttige ressourcer til dit design.\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          Tilpasning af skabeloner\n        <\/div>\n<p>\n          Se, hvordan skabeloner, layouts og stilarter kan tilpasses, s\u00e5 du kan skabe dit eget udtryk.\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          Upload og redigering af billeder\n        <\/div>\n<p>\n          Se, hvordan uploadede billeder kan tilpasses og bruges som en del af et f\u00e6rdigt 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        Udforsk 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        Find den rigtige skabelon\n      <\/a>\n<\/div>\n<\/section>\n<section class=\"cm-design-section\">\n<div class=\"cm-design-section-intro\">\n<h2>Andre nyttige grafikv\u00e6rkt\u00f8jer<\/h2>\n<p>\n        Canva er kun \u00e9n mulighed. V\u00e6lg det v\u00e6rkt\u00f8j, der passer til din arbejdsgang, erfaring og visuelle 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, tidligere Freepik, tilbyder stockbilleder, vektorer, illustrationer, ikoner og kreative v\u00e6rkt\u00f8jer, der kan hj\u00e6lpe dig med at finde eller udvikle visuelt materiale.\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\u00f8g 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 bruges til at lave bannere, grafik til sociale medier og andet visuelt indhold ud fra skabeloner.\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\u00f8g 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 v\u00e6re nyttigt, n\u00e5r flere personer skal udvikle, gennemg\u00e5 eller tilpasse visuelle koncepter sammen.\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\u00f8g 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 til forskellige sk\u00e6rmst\u00f8rrelser<\/h2>\n<p>\n        Websitet skal v\u00e6re tydelig og nem at bruge, uanset om deltagerne bes\u00f8ger den fra en computer, tablet eller mobil.\n      <\/p>\n<\/div>\n<div class=\"cm-design-practical-grid\">\n<article class=\"cm-design-responsive-card\">\n<h3>Arbejd fra venstre mod h\u00f8jre i Website-designer<\/h3>\n<p>\n          I Website-designer starter du i desktopvisningen og forts\u00e6tter derefter til tablet og mobil fra venstre mod h\u00f8jre. Headerbilleder og sektionsbaggrunde arves af de mindre visninger, men kan udskiftes d\u00e9r uden at \u00e6ndre desktopversionen. Layoutindstillinger for de enkelte elementer, s\u00e5som marginer og afstande, kan ogs\u00e5 tilpasses separat for hver enhed.\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>Gennemg\u00e5 desktop, tablet og mobil fra venstre mod h\u00f8jre<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Kontroll\u00e9r, at teksten fortsat er let at l\u00e6se<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Udskift baggrundsbilleder efter behov<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Tilpas marginer og afstande for hver enhed<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Test hele deltagerforl\u00f8bet f\u00f8r publicering<\/span>\n<\/div>\n<\/div>\n<\/article>\n<aside class=\"cm-design-tip-card\">\n<h3>Skab et tydeligt og ensartet design<\/h3>\n<p class=\"cm-design-tip-intro\">\n          N\u00e5r de samme visuelle valg g\u00e5r igen p\u00e5 hele websitet, bliver indholdet lettere at genkende og finde rundt 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>Brug en begr\u00e6nset farvepalette<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>V\u00e6lg \u00e9n eller to skrifttyper<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Brug ensartede billedformater<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>Brug samme stil til overskrifter, knapper og indholdsblokke<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>S\u00f8rg for tilstr\u00e6kkelig luft omkring indholdet<\/span>\n<\/div>\n<div class=\"cm-design-list-item\">\n<span aria-hidden=\"true\" class=\"cm-design-list-dot\"><\/span>\n<span>G\u00f8r den vigtigste information nem at finde<\/span>\n<\/div>\n<\/div>\n<\/aside>\n<\/div>\n<\/section>\n<section class=\"cm-design-section cm-design-academy\">\n<h2>Forts\u00e6t i CM Academy<\/h2>\n<p>\n      Disse ressourcer viser, hvordan du arbejder med Website-designer og klarg\u00f8r billeder til Conference Manager.\n    <\/p>\n<div class=\"cm-design-academy-grid\">\n<a class=\"cm-design-academy-card\" href=\"https:\/\/cmacademy.events\/da\/knowledge-base\/online-introduktion-til-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-29.png\" alt=\"\" loading=\"lazy\" \/>\n<\/span>\n<div class=\"cm-design-academy-copy\">\n<div class=\"cm-design-academy-title\">\n            Videointroduktion til Website-designer\n          <\/div>\n<p>\n            F\u00e5 et overblik over temaer, elementer, baggrunde, skabeloner og responsivt 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\/da\/knowledge-base\/indsaet-elementer-i-website-designeren\/\">\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            Inds\u00e6t elementer i Website-designer\n          <\/div>\n<p>\n            Se, hvordan du tilf\u00f8jer og organiserer de elementer, der bruges til at opbygge en side.\n          <\/p>\n<\/div>\n<span class=\"cm-design-academy-cta\">\u00c5bn guide \u2192<\/span>\n<\/a>\n<a class=\"cm-design-academy-card\" href=\"https:\/\/cmacademy.events\/da\/knowledge-base\/indsaet-billede-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            Inds\u00e6t billeder i Website-designer\n          <\/div>\n<p>\n            Se, hvordan et billede bruges som baggrund, sektionsbaggrund eller selvst\u00e6ndigt element.\n          <\/p>\n<\/div>\n<span class=\"cm-design-academy-cta\">\u00c5bn guide \u2192<\/span>\n<\/a>\n<a class=\"cm-design-academy-card\" href=\"https:\/\/cmacademy.events\/da\/knowledge-base\/anbefalede-billedstoerrelser-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            Anbefalede billedst\u00f8rrelser\n          <\/div>\n<p>\n            Se de anbefalede m\u00e5l og filformater, f\u00f8r du opretter din grafik.\n          <\/p>\n<\/div>\n<span class=\"cm-design-academy-cta\">Se oversigt \u2192<\/span>\n<\/a>\n<\/div>\n<\/section>\n<aside class=\"cm-design-license\">\n<div>\n<div class=\"cm-design-license-title\">\n        Husk licenser til billeder og indhold\n      <\/div>\n<p>\n        F\u00f8r du bruger stockbilleder, ikoner, illustrationer eller andet materiale fra tredjeparter, skal du kontrollere platformens aktuelle licensvilk\u00e5r og eventuelle krav om 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 licensvilk\u00e5r\n      <\/a>\n<a class=\"cm-design-button\" href=\"https:\/\/www.magnific.com\/ai\/docs\/licenses-attribution\" rel=\"noopener\" target=\"_blank\">\n        Magnifics licensvilk\u00e5r\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;\">Udgivet: 02.06.2025<\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Websiteinspiration Conference Manager skaber strukturen. Grafikv\u00e6rkt\u00f8jer er med til at forme den visuelle identitet. Et velstruktureret website til arrangementet hj\u00e6lper deltagerne med hurtigt at finde vigtig information og komme sikkert gennem tilmeldingsprocessen. Conference Manager giver det funktionelle fundament, mens v\u00e6rkt\u00f8jer som Canva, Magnific, Adobe Express og Figma kan hj\u00e6lpe dig med at skabe visuelle elementer, &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/cmacademy.events\/da\/knowledge-base\/sadan-designer-du-et-professionelt-website-til-dit-arrangement-med-conference-manager-og-grafiske-hjaelpevaerktojer\/\" class=\"more-link\">L\u00e6s resten<\/a><\/p>\n","protected":false},"author":6,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[260],"ht-kb-tag":[2572,2566,392,2568,245,2564,2578,2570,2577,2573,2571,2569,2574,2576,2567,391,2563,2565,2575],"class_list":["post-5264","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-inspiration-da","ht_kb_tag-adobe-express-da","ht_kb_tag-arrangementswebsite","ht_kb_tag-branding-da","ht_kb_tag-canva-da","ht_kb_tag-conference-manager-da","ht_kb_tag-deltageroplevelse-da","ht_kb_tag-design-tips-da","ht_kb_tag-event-branding-da","ht_kb_tag-event-grafik","ht_kb_tag-figma-da","ht_kb_tag-freepik-da","ht_kb_tag-grafiske-designvaerktojer","ht_kb_tag-lav-arrangementswebsite","ht_kb_tag-professionelt-arrangementswebsite","ht_kb_tag-responsivt-design-da","ht_kb_tag-skabeloner","ht_kb_tag-tilmeldingsflow-da","ht_kb_tag-tilmeldingsside-da","ht_kb_tag-visuel-identitet","entry"],"_links":{"self":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb\/5264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/comments?post=5264"}],"version-history":[{"count":15,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb\/5264\/revisions"}],"predecessor-version":[{"id":18184,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb\/5264\/revisions\/18184"}],"wp:attachment":[{"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/media?parent=5264"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb-category?post=5264"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/cmacademy.events\/da\/wp-json\/wp\/v2\/ht-kb-tag?post=5264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}