Styleguide Navigation

Showing 9 of 9

1

{
  "contentType": "numberCardGrid",
  "id": "5cwoQ8zdYj6aqod5SYbCpY",
  "items": [
    {
      "contentType": "numberCard",
      "id": "5Gla0cVr8Z6Lj6zd6C301n",
      "name": "2 MW",
      "number": "2'000kWp",
      "text": "aus eigener Photovoltaik-Anlage",
      "title": "Solarstrom"
    },
    {
      "contentType": "numberCard",
      "id": "7vqSAQdwqSSbWNiDGOfkmg",
      "name": "volumen",
      "number": "340'000m3",
      "text": "nach Minergie-P-Standard",
      "title": "Gebäudevolumen"
    }
  ],
  "title": "2 MW"
}

2 MW

2'000kWp

Solarstrom

aus eigener Photovoltaik-Anlage

340'000m3

Gebäudevolumen

nach Minergie-P-Standard

2

{
  "contentType": "numberCardGrid",
  "id": "52VRhgHHKvrJMhvUL9swxX",
  "items": [
    {
      "contentType": "numberCard",
      "id": "6ImTAyWnXCFuIpkjtQpoBy",
      "name": "Example Numbers",
      "number": "30'200",
      "text": "Lorem, ipsum dolor.",
      "title": "Lorem Ipsum "
    },
    {
      "contentType": "numberCard",
      "id": "1IAVpGeogSX3qjr0Ymp5bb",
      "number": "15'890",
      "text": "Lorem ipsum dolor sit amet, consectetur adipisicing elit."
    },
    {
      "contentType": "numberCard",
      "id": "3cpKAvRpyrYKisfaik7RWJ",
      "number": "26'900",
      "text": "Lorem ipsum dolor sit amet.",
      "title": "More Numbers "
    },
    {
      "contentType": "numberCard",
      "id": "6ImTAyWnXCFuIpkjtQpoBy",
      "name": "Example Numbers",
      "number": "30'200",
      "text": "Lorem, ipsum dolor.",
      "title": "Lorem Ipsum "
    },
    {
      "contentType": "numberCard",
      "id": "1IAVpGeogSX3qjr0Ymp5bb",
      "number": "15'890",
      "text": "Lorem ipsum dolor sit amet, consectetur adipisicing elit."
    }
  ],
  "title": "Numbers Grid Example"
}

Numbers Grid Example

30'200

Lorem Ipsum

Lorem, ipsum dolor.

15'890

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

26'900

More Numbers

Lorem ipsum dolor sit amet.

30'200

Lorem Ipsum

Lorem, ipsum dolor.

15'890

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

3

{
  "contentType": "numberCardGrid",
  "id": "1c098eCih3p6DrafNsKb5A",
  "items": [
    {
      "contentType": "numberCard",
      "id": "6trKMjjhTxxtKtGDN6zl6I",
      "name": "2019",
      "number": "2.2%",
      "text": "Lohnunterschied Frauen / Männer",
      "title": "2019"
    },
    {
      "contentType": "numberCard",
      "id": "7AHV1abbXLpWu4vnVvKvG9",
      "name": "2020",
      "number": "1.1%",
      "text": "Lohnunterschied Frauen / Männer",
      "title": "2020"
    },
    {
      "contentType": "numberCard",
      "id": "2fie8oX30zEZcQlLNKsADL",
      "name": "2021",
      "number": "0.2%",
      "text": "Lohnunterschied Frauen / Männer",
      "title": "2021"
    }
  ]
}

2.2%

2019

Lohnunterschied Frauen / Männer

1.1%

2020

Lohnunterschied Frauen / Männer

0.2%

2021

Lohnunterschied Frauen / Männer

4

{
  "contentType": "numberCardGrid",
  "id": "1TOFS2y9zyFdK4uViPPb45",
  "items": [
    {
      "contentType": "numberCard",
      "id": "1kiDwnED1iB0tqcnmYzawt",
      "name": "50 %",
      "number": "50%",
      "text": "bis 2030",
      "title": "CO2-Reduktion durch fossilen Treibstoff"
    }
  ],
  "title": "50 %"
}

50 %

50%

CO2-Reduktion durch fossilen Treibstoff

bis 2030

5

{
  "contentType": "numberCardGrid",
  "id": "59hoBobtwZExubkvgDB2ea",
  "items": [
    {
      "contentType": "numberCard",
      "id": "1yM0yP5VFQuxPWvSIQA2OI",
      "name": "kinder",
      "number": "70'000",
      "text": "pro Jahr",
      "title": "Schulkinder"
    }
  ]
}

70'000

Schulkinder

pro Jahr

6

{
  "contentType": "numberCardGrid",
  "id": "1mXczU6FGB0JUCFd3qftbV",
  "items": [
    {
      "contentType": "numberCard",
      "id": "7EdyqA1zPWQxiWvjXLrDMn",
      "name": "kv",
      "number": "11",
      "text": "2022",
      "title": "Lehrstellen KV"
    },
    {
      "contentType": "numberCard",
      "id": "aoEYqrY2cS23qY7xurK6x",
      "name": "logistik",
      "number": "7",
      "text": "2022",
      "title": "Lehrstellen Logistik"
    },
    {
      "contentType": "numberCard",
      "id": "6YNeozyj6Jk7Ur8BRJhTPN",
      "name": "Kältetechnik",
      "number": "1",
      "text": "2022",
      "title": "Lehrstelle Kältetechnik"
    }
  ],
  "title": "lehre"
}

lehre

11

Lehrstellen KV

2022

7

Lehrstellen Logistik

2022

1

Lehrstelle Kältetechnik

2022

7

{
  "contentType": "numberCardGrid",
  "id": "5UbHWWdWfVPa5FhnWelPgP",
  "items": [
    {
      "contentType": "numberCard",
      "id": "5ThAffgCkuiIjBRCwPlfbx",
      "number": "100'000",
      "text": "den Zugang zu sicherem Trinkwasser ermöglichen",
      "title": "Menschen weltweit"
    }
  ],
  "title": "wasser"
}

wasser

100'000

Menschen weltweit

den Zugang zu sicherem Trinkwasser ermöglichen

8

{
  "contentType": "numberCardGrid",
  "id": "4XYIcJ7PklkLhKol6OdXhD",
  "items": [
    {
      "contentType": "numberCard",
      "id": "4Qo3XqMVNRW3owdK9lYwpu",
      "number": "400",
      "text": "auf dem Weg zu Sanierungskompetenz",
      "title": "Serviceprofis"
    }
  ],
  "title": "fortbildung"
}

fortbildung

400

Serviceprofis

auf dem Weg zu Sanierungskompetenz

9

{
  "contentType": "numberCardGrid",
  "id": "5nCl0fefypOKgd0eJott48",
  "items": [
    {
      "contentType": "numberCard",
      "id": "311HCtQn3K9i2mCjA2FAoy",
      "name": "fördergeld",
      "number": "0'000",
      "text": "Fördergeld für nachhaltige Heizung",
      "title": "Franken"
    },
    {
      "contentType": "numberCard",
      "id": "IPclhzhEB5Ek1bGtki5TA",
      "name": "co2",
      "number": "100",
      "text": "CO2-Reduktion durch energetische Sanierung",
      "title": "Prozent"
    },
    {
      "contentType": "numberCard",
      "id": "19kj5jcm046VRltJChtaWB",
      "name": "betriebskosten",
      "number": "0'000",
      "text": "weniger Betriebskosten jährlich",
      "title": "Franken"
    }
  ],
  "title": "kennzahlen refer"
}

kennzahlen refer

0'000

Franken

Fördergeld für nachhaltige Heizung

100

Prozent

CO2-Reduktion durch energetische Sanierung

0'000

Franken

weniger Betriebskosten jährlich