altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
437 lines • 13 kB
JSON
{
"icon-prefix": "ai",
"icon-class": "ai-private",
"icon-size": "",
"icon-extra-class": "",
"icon-text": "",
"icon-id": false,
"sr-only": false,
"aria-hidden": false,
"stacked-background": false,
"icon-post-text": false,
"icon-title": false,
"icon-sr-only-text": false,
"themeCss": "../../css/style.dist.altinnett.css",
"themeJs": "../../js/altinnettPrototyping.js",
"themeJsVendor": "../../js/altinnettPrototyping.vendor.js",
"print-form-tag": false,
"text-input-id": "text-input-generic",
"isHidden": false,
"top-label": "Label: ",
"isDisabled": false,
"isInactive": false,
"text-input-placeholder": "f.eks placeholder",
"input-type": "text",
"isRequired": false,
"extra-help": false,
"isLarge": false,
"form-label-hasIcon": false,
"input-name": "input-field",
"form-control-class": "",
"icon-list-items": [
{
"list-item-name": "Forretningsplan.ods",
"listItemDescription": "(last ned)",
"icon-prefix": "reg",
"icon-class": "reg-attachment-ods ai-md ai-nw pr-1"
},
{
"list-item-name": "Oppdragsavtale.doc",
"listItemDescription": "(last ned)",
"icon-prefix": "reg",
"icon-class": "reg-attachment ai-md ai-nw pr-1"
},
{
"list-item-name": "Driftsbudsjett.pdf",
"listItemDescription": "(last ned)",
"icon-prefix": "reg",
"icon-class": "reg-attachment-pdf ai-md ai-nw pr-1"
}
],
"button-text": "En standard knapp",
"button-class": "a-btn a-btn-icon a-btn-shadow",
"button-disabled": false,
"button-type": "button",
"onclick": false,
"button-icon": false,
"display-as-link": false,
"aria-label": "Tilbake",
"button-list": [
{
"button-class": "a-modal-back",
"aria-label": "Gå tilbake",
"onclick": false,
"enable-popover": false,
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"icon-prefix": "ai",
"icon-class": "ai-back",
"icon-extra-class": ""
},
{
"button-class": "a-modal-close",
"aria-label": "Lukk",
"onclick": false,
"enable-popover": false,
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"icon-prefix": "ai",
"icon-class": "ai-exit",
"icon-extra-class": "a-modal-close-icon"
}
],
"login-name": "JAN PETTERSEN",
"display-as-dropdown": false,
"personlogin-isDropdown": "dropdown",
"variation": "",
"login-icon": {
"icon-prefix": "ai",
"icon-class": "ai-private-circle-big",
"icon-extra-class": "a-personSwitcher-icon a-js-onboardingTarget-1",
"icon-sr-only-text": "Min profil"
},
"logo": {
"logo": "../../images/a-logo-black.svg"
},
"logo-class": "a-modal-top-logo",
"show-login": false,
"login-show": {
"login-name": "Kari Nordmann",
"login-icon": {
"icon-prefix": "ai",
"icon-class": "ai-private-circle-big",
"icon-extra-class": "a-personSwitcher-icon"
}
},
"modal-id": "modal-singel",
"icon": {
"img-src": "../../images/dokumentasjon_white.svg",
"img-alt": "Dokument ikon",
"backgroundClass": "a-bgBlue"
},
"hasTextSmall": false,
"modal-navbar-override": {
"button-list": [
{
"button-class": "a-modal-back",
"aria-label": "Tilbake",
"icon-prefix": "ai",
"icon-class": "ai-back",
"icon-extra-class": "",
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"is-modal-back": {
"data-target": "#modal"
}
},
{
"button-class": "a-modal-close",
"aria-label": "Lukk",
"icon-prefix": "ai",
"icon-class": "ai-exit",
"icon-extra-class": "a-modal-close-icon",
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"is-modal-close": {
"data-target": "#modal"
}
}
]
},
"page-url": "../../patterns/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema.markup-only.html",
"footerHeading": "Vil du vite mer?",
"footer-search": {
"text-input-id": "text-input-search-footer",
"top-label": "Søk etter innhold",
"text-input-placeholder": "Søk etter innhold",
"input-type": "search",
"isHidden": true,
"isLarge": false,
"isDark": true,
"isInput-group": "input-group",
"form-input-hasButton": {
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-search"
},
"button-text": [
{
"button-text-value": "Søk",
"button-text-class": "sr-only"
}
],
"form-input-button-action": "Utfør søk",
"onclick": "location.href='/patterns/04-sider-altinnett-60-sok-00-sokeside/04-sider-altinnett-60-sok-00-sokeside.html';"
}
},
"contactLinks": [
{
"text": "800 33 840",
"icon": {
"icon-prefix": "ai",
"icon-class": "ai-phone"
}
},
{
"contact": {
"text": "Kontakt oss",
"icon": {
"icon-prefix": "ai",
"icon-class": "ai-send"
}
}
}
],
"address": "Brønnøysundregistrene, 8910 Brønnøysund",
"infoLinks": [
{
"text": "Altinns rolle"
},
{
"text": "Altinn i fremtiden"
},
{
"text": "Innovation"
}
],
"smallLinks": [
{
"text": "Driftsmeldinger"
},
{
"text": "Personvern"
},
{
"text": "Hjelp"
}
],
"singelmodal": {
"modal-id": "modal-singel",
"modal-isSingel": true,
"show-login": false,
"display-as-dropdown": false,
"logo": {
"logo": "../../images/an-logo-darkBlue.svg"
},
"submit": {
"button-text": "Send",
"button-class": "a-btn",
"button-id": "a-js-contactForm-submit",
"button-type": "button",
"onclick": false,
"button-icon": false,
"display-as-link": false,
"data-is-success": true,
"data-action": "load",
"data-toggle": "altinn-modal",
"data-target": "modal-singel",
"page-url": "../../patterns/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema/02-organismer-80-Modal-js-innhold-12-altinnett-kontaktskjema.markup-only.html"
},
"logo-class": "a-modal-top-logo",
"login-show": false,
"icon": "group_add",
"hasTextSmall": false,
"modal-navbar-override": {
"button-list": [
{
"button-class": "a-modal-close",
"aria-label": "Lukk",
"icon-prefix": "ai",
"icon-class": "ai-exit",
"icon-extra-class": "a-modal-close-icon",
"stacked-background": {
"icon-prefix": "ai",
"icon-class": "ai-plain-circle-big"
},
"is-modal-close": {
"data-target": "#modal"
},
"onclick": "goBack()"
}
]
}
},
"img-src": "../../images/pen-and-ruler.svg",
"img-alt": "Penn og linjal. Ikon.",
"backgroundClass": "a-bgWhite",
"col": " col-lg-4",
"extraClass": "a-bgGreyLighter",
"url": "/patterns/04-sider-altinnett-10-forside-10-forside/04-sider-altinnett-10-forside-10-forside.html",
"col-image": "col-4",
"title": "Altinnett",
"titleClass": "an-presentationBlock-largeHeader",
"col-info": "col-8",
"caption": "For dere som vil heldigitalisere løsningen gjennom Altinn.",
"link-text": "En lenke ser slik ut",
"link-url": "/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html",
"sr-text": false,
"headerClass": "an-presentationBlock-largeHeader an-presentationBlock-twoLineHeader",
"illustration": {
"img-alt": "En man som sitter foran PC og drikker kaffe. Tegning.",
"img-src": "../../images/altinnett-digital-dialog.svg"
},
"title-col": "col-12",
"title-offset": "offset-0",
"section-title": "Altinn tilbyr digital dialog mellom det offentlige og innbyggere.",
"description": "Lag tjenester som funker overalt og sparer penger både for deg og brukerne.",
"promotedProducts": [
{
"col": "col-lg-4 px-0 px-sm-1",
"title": "Digital Dialog",
"url": "/patterns/03-maler-altinnett-80-produktsider-30-produktpakke/03-maler-altinnett-80-produktsider-30-produktpakke.html",
"illustration": {
"img-alt": "En man som sitter foran PC og drikker kaffe. Tegning.",
"img-src": "../../images/altinnett-digital-dialog.svg"
},
"figCaption": "For dere som vil heldigitalisere løsningen gjennom Altinn."
},
{
"col": "col-lg-4 px-0 px-sm-1",
"title": "Digital post til virksomheter",
"url": "/patterns/03-maler-altinnett-80-produktsider-30-produktpakke/03-maler-altinnett-80-produktsider-30-produktpakke.html",
"illustration": {
"img-alt": "En dame går tur med en hund og ser på mobilen sin. Tegning.",
"img-src": "../../images/altinnett-digital-post.svg"
},
"caption": "Altinn tilbyr enkle løsninger for digital post til virksomheter."
},
{
"col": "col-lg-4 px-0 px-sm-1",
"title": "Altinn API",
"url": "/patterns/03-maler-altinnett-80-produktsider-30-produktpakke/03-maler-altinnett-80-produktsider-30-produktpakke.html",
"illustration": {
"img-alt": "En mann jobber foran PC. En jenter ser over skulderen hans. Tegning.",
"img-src": "../../images/altinnett-api.svg"
},
"caption": "Gjenbruk Altinns tekniske løsninger i egen portal."
}
],
"showAllLink": {
"link-text": "Vis alle produkter",
"link-url": "/patterns/04-sider-altinnett-10-forside-10-forside/04-sider-altinnett-10-forside-10-forside.html",
"link-class": "a-linkFeatured a-linkFeatured--large",
"link-icon": {
"icon-prefix": "ai ai-sm ai-nw ai-nw-right",
"icon-class": "ai-arrowright"
}
},
"header-color": "",
"url-logo": "/patterns/04-sider-altinnett-10-forside-10-forside/04-sider-altinnett-10-forside-10-forside.html",
"headerlogo": "../../images/an-logo-blue.svg",
"button-colorClass": "",
"dropdown-class": "a-dropdown-languages",
"hide-header": true,
"header-mobilesearch": {
"text-input-id": "dropdown-input-search",
"top-label": "Søk etter innhold",
"text-input-placeholder": "Søk etter innhold",
"input-type": "search",
"isHidden": true,
"isInput-group": "input-group",
"form-input-hasButton": {
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-search"
},
"button-text": [
{
"button-text-value": "Søk",
"button-text-class": "sr-only"
}
],
"onclick": "location.href='/patterns/04-sider-altinnett-60-sok-00-sokeside/04-sider-altinnett-60-sok-00-sokeside.html';"
}
},
"url-aktuelt": "/patterns/04-sider-altinnett-96-nyhetssider-00-nyheter-oversikt/04-sider-altinnett-96-nyhetssider-00-nyheter-oversikt.html",
"ekstra-menypunkt-1": "Ekstra menypunkt 1",
"tel-icon": {
"icon-prefix": "ai ai-nw ai-nw-pr",
"icon-class": "ai-phone"
},
"bodyClass": "project-altinnett a-bgWhite",
"header": {
"headerlogo": "../../images/an-logo-blue.svg"
},
"promoted-products": {
"title-col": "col-12 mb-2 mb-lg-5",
"title-offset": "",
"section-title": "Produkter",
"description": "Vi har samlet tjenestene som oftest brukes sammen i passende produktpakker for å gjøre jobben enklere for deg. Velg en produktpakke nedenfor for å finne ut mer.",
"showAllLink": false
},
"products": [
{
"col": "col-12 col-md-6 px-0 px-sm-1",
"title": "Samtykke",
"caption": "Få tilgang til data som er nødvendig for å utføre en gitt prosess."
},
{
"col": "col-12 col-md-6 px-0 px-sm-1",
"title": "Varsling",
"caption": "Varsle personer/organisasjoner ved bruk av f.eks SMS/E-post."
},
{
"col": "col-12 col-md-6 px-0 px-sm-1",
"title": "Sending av store dokumenter",
"caption": "Formidling av store datamengder fra system til system."
},
{
"col": "col-12 col-md-6 px-0 px-sm-1",
"title": "Styring av tilgang",
"caption": "For dere som vil ha en sikker tilgangsstyring i løsningen."
},
{
"col": "col-12 col-md-6 px-0 px-sm-1",
"title": "Hente data",
"caption": "Altinn gir mulighet til å hente data fra offentlige registre."
}
],
"make-your-own-product": {
"col": "col-12 px-0 px-sm-1",
"col-image": "col-4 col-md-2",
"icon": {
"img-src": "",
"backgroundClass": "",
"modifierClass": "an-circleIcon-dashed"
},
"title": "Velg egne komponenter etter ditt behov",
"col-info": "col-8 col-md-10",
"caption": "Vi skreddersyr også løsninger etter behov og ønsker å bidra til at nye innovative løsninger også kan dra nytte av Altinns tekniske løsninger."
},
"footer": {
"footer-search": {
"text-input-id": "text-input-search-11",
"top-label": "Søk etter innhold",
"text-input-placeholder": "Søk etter innhold",
"input-type": "search",
"isHidden": true,
"isLarge": false,
"isDark": true,
"isInput-group": "input-group",
"form-input-hasButton": {
"button-icon": {
"icon-prefix": "ai",
"icon-class": "ai-search"
},
"button-text": [
{
"button-text-value": "Søk",
"button-text-class": "sr-only"
}
],
"form-input-button-action": "Utfør søk",
"onclick": "location.href='/patterns/04-sider-altinnett-60-sok-00-sokeside/04-sider-altinnett-60-sok-00-sokeside.html';"
}
},
"menuItem1": "innovation@altinn",
"urlMenuItem1": "/patterns/04-sider-altinnett-50-seksjonsforsider-10-seksjonsforside/04-sider-altinnett-50-seksjonsforsider-10-seksjonsforside.html"
}
}