{"id":18854,"date":"2026-08-13T11:37:45","date_gmt":"2026-08-13T11:37:45","guid":{"rendered":"https:\/\/cmacademy.events\/knowledge-base\/custom-app-introduktion\/"},"modified":"2026-08-13T13:10:52","modified_gmt":"2026-08-13T13:10:52","slug":"custom-app-introduktion","status":"publish","type":"ht_kb","link":"https:\/\/cmacademy.events\/sv\/knowledge-base\/custom-app-introduktion\/","title":{"rendered":"Custom app introduktion"},"content":{"rendered":"\n\n<!-- Optional: Load Titillium Web if it is not already loaded on your site -->\n<link\n  href=\"https:\/\/fonts.googleapis.com\/css2?family=Titillium+Web:wght@400;600;700;800&#038;display=swap\"\n  rel=\"stylesheet\"\n\/>\n\n<style>\n  \/* ------------------------------------------------------------\n     Custom app introduction\n\n     Structure:\n     - short introduction\n     - three resource cards:\n       1. one-pager\n       2. interactive preview\n       3. app material\n\n     Card titles are div elements and therefore do not appear\n     in the page table of contents.\n  ------------------------------------------------------------ *\/\n\n  .cm-customapp-intro,\n  .cm-customapp-resource-grid,\n  .cm-customapp-resource-grid * {\n    box-sizing: border-box !important;\n    font-family: \"Titillium Web\", sans-serif !important;\n  }\n\n  .cm-customapp-intro {\n    max-width: 1180px !important;\n    margin: 1.15rem 0 2rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-customapp-intro p {\n    color: #24384D !important;\n    font-size: 19px !important;\n    line-height: 1.58 !important;\n    margin: 0 0 0.55rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-customapp-intro p:last-child {\n    margin-bottom: 0 !important;\n  }\n\n  .cm-customapp-resource-grid {\n    display: grid !important;\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n    gap: 1.35rem !important;\n    max-width: 1360px !important;\n    margin: 2rem 0 2.2rem 0 !important;\n    padding: 0 !important;\n    align-items: stretch !important;\n  }\n\n  .cm-customapp-card {\n    position: relative !important;\n    display: flex !important;\n    flex-direction: column !important;\n    min-height: 265px !important;\n    padding: 1.55rem 1.65rem !important;\n    background: #ffffff !important;\n    border: 1px solid #dce7f3 !important;\n    border-radius: 16px !important;\n    box-shadow: 0 9px 24px rgba(18, 32, 46, 0.055) !important;\n    overflow: hidden !important;\n    transition: 0.2s ease !important;\n  }\n\n  .cm-customapp-card::before {\n    content: \"\" !important;\n    position: absolute !important;\n    left: 0 !important;\n    top: 0 !important;\n    bottom: 0 !important;\n    width: 7px !important;\n    border-radius: 16px 0 0 16px !important;\n    background: #185ABC !important;\n  }\n\n  .cm-customapp-card.is-green::before {\n    background: #9CCC3D !important;\n  }\n\n  .cm-customapp-card.is-gradient::before {\n    background: linear-gradient(180deg, #185ABC 0%, #9CCC3D 100%) !important;\n  }\n\n  .cm-customapp-card:hover {\n    border-color: rgba(156, 204, 61, 0.48) !important;\n    box-shadow: 0 14px 30px rgba(18, 32, 46, 0.075) !important;\n  }\n\n  .cm-customapp-label {\n    display: block !important;\n    color: #185ABC !important;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.045em !important;\n    line-height: 1.15 !important;\n    margin: 0 0 0.65rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-customapp-card.is-green .cm-customapp-label {\n    color: #74B51C !important;\n  }\n\n  .cm-customapp-card.is-gradient .cm-customapp-label {\n    color: #185ABC !important;\n  }\n\n  .cm-customapp-card-title {\n    display: block !important;\n    color: #1F364D !important;\n    font-size: 24px !important;\n    font-weight: 600 !important;\n    line-height: 1.2 !important;\n    margin: 0 0 0.75rem 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-customapp-card p {\n    color: #24384D !important;\n    font-size: 17px !important;\n    line-height: 1.5 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-customapp-card-note {\n    display: block !important;\n    color: #526C86 !important;\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    line-height: 1.4 !important;\n    margin: 0.85rem 0 0 0 !important;\n    padding: 0 !important;\n  }\n\n  .cm-customapp-spacer {\n    flex: 1 1 auto !important;\n    min-height: 1.15rem !important;\n  }\n\n  .cm-customapp-resource-grid a.cm-customapp-button,\n  .cm-customapp-resource-grid a.cm-customapp-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: 42px !important;\n    border-radius: 10px !important;\n    padding: 0.62rem 1rem !important;\n    background: #ffffff !important;\n    color: #74B51C !important;\n    border: 1px solid #9CCC3D !important;\n    box-shadow: none !important;\n    font-size: 16px !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-customapp-resource-grid a.cm-customapp-button:hover,\n  .cm-customapp-resource-grid a.cm-customapp-button:focus,\n  .cm-customapp-resource-grid a.cm-customapp-button:focus-visible,\n  .cm-customapp-resource-grid a.cm-customapp-button:active {\n    background: #9CCC3D !important;\n    color: #ffffff !important;\n    border-color: #9CCC3D !important;\n    text-decoration: none !important;\n    outline: none !important;\n    box-shadow: 0 7px 18px rgba(18, 32, 46, 0.045) !important;\n  }\n\n  @media (max-width: 1050px) {\n    .cm-customapp-resource-grid {\n      grid-template-columns: 1fr !important;\n      max-width: 760px !important;\n    }\n\n    .cm-customapp-card {\n      min-height: auto !important;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .cm-customapp-intro {\n      margin: 1rem 0 1.5rem 0 !important;\n    }\n\n    .cm-customapp-intro p {\n      font-size: 17px !important;\n      line-height: 1.5 !important;\n    }\n\n    .cm-customapp-resource-grid {\n      margin-top: 1.5rem !important;\n    }\n\n    .cm-customapp-card {\n      padding: 1.35rem 1.35rem 1.35rem 1.5rem !important;\n    }\n\n    .cm-customapp-card-title {\n      font-size: 22px !important;\n    }\n\n    .cm-customapp-card p {\n      font-size: 16px !important;\n    }\n\n    .cm-customapp-button {\n      width: 100% !important;\n    }\n  }\n<\/style>\n\n\n<div class=\"cm-customapp-intro\">\n  <p>\n    F\u00e5 en profilerad version av CM Events med eget appnamn, logotyp, appikon och egna f\u00e4rger. Vi utvecklar och underh\u00e5ller appen medan ni tillhandah\u00e5ller varum\u00e4rkesmaterialet.\n  <\/p>\n<\/div>\n\n<div class=\"cm-customapp-resource-grid\" aria-label=\"Resurser f\u00f6r Custom app\">\n  <article class=\"cm-customapp-card\">\n    <span class=\"cm-customapp-label\">Kort introduktion<\/span>\n\n    <div class=\"cm-customapp-card-title\">\n      Introduktion till Custom app\n    <\/div>\n\n    <p>\n      F\u00e5 en snabb \u00f6verblick \u00f6ver vad en Custom app \u00e4r, vilka delar som kan anpassas och hur processen g\u00e5r till.\n    <\/p>\n\n    <span class=\"cm-customapp-card-note\">\n      Introduktionen \u00e4r p\u00e5 engelska.\n    <\/span>\n\n    <div class=\"cm-customapp-spacer\"><\/div>\n\n    <a\n      href=\"https:\/\/cmacademy.events\/wp-content\/uploads\/2026\/08\/Custom-app-intro.pdf\"\n      target=\"_blank\"\n      rel=\"noopener\"\n      class=\"cm-customapp-button\"\n    >\n      \u00d6ppna PDF\n    <\/a>\n  <\/article>\n\n  <article class=\"cm-customapp-card is-green\">\n    <span class=\"cm-customapp-label\">Interaktiv f\u00f6rhandsvisning<\/span>\n\n    <div class=\"cm-customapp-card-title\">\n      Testa designen f\u00f6r din Custom app\n    <\/div>\n\n    <p>\n      Ladda upp din logotyp och prova egna f\u00e4rger f\u00f6r att se hur din Custom app kan komma att se ut.\n    <\/p>\n\n    <div class=\"cm-customapp-spacer\"><\/div>\n\n    <a\n      href=\"https:\/\/cmacademy.events\/sv\/testa-designen-for-din-custom-app\/\"\n      class=\"cm-customapp-button\"\n    >\n      Testa din design\n    <\/a>\n  <\/article>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>F\u00e5 en profilerad version av CM Events med eget appnamn, logotyp, appikon och egna f\u00e4rger. Vi utvecklar och underh\u00e5ller appen medan ni tillhandah\u00e5ller varum\u00e4rkesmaterialet. Kort introduktion Introduktion till Custom app F\u00e5 en snabb \u00f6verblick \u00f6ver vad en Custom app \u00e4r, vilka delar som kan anpassas och hur processen g\u00e5r till. Introduktionen \u00e4r p\u00e5 engelska. \u00d6ppna &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/cmacademy.events\/sv\/knowledge-base\/custom-app-introduktion\/\" class=\"more-link\">Forts\u00e4tt l\u00e4sa<span class=\"screen-reader-text\"> \u201dCustom app introduktion\u201d<\/span><\/a><\/p>\n","protected":false},"author":6,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[5881],"ht-kb-tag":[],"class_list":["post-18854","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-apps-onsite-and-engagement","entry"],"_links":{"self":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/18854","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=18854"}],"version-history":[{"count":1,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/18854\/revisions"}],"predecessor-version":[{"id":18884,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb\/18854\/revisions\/18884"}],"wp:attachment":[{"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/media?parent=18854"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb-category?post=18854"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/cmacademy.events\/sv\/wp-json\/wp\/v2\/ht-kb-tag?post=18854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}