@514sid/signagekit 0.0.0-stage → 0.0.2

package/examples/meeting-room/layout.json

@@ -0,0 +1,107 @@
+{
+  "version": 1,
+  "colors": {
+    "scheme": "dark",
+    "accent": "#f59e0b"
+  },
+  "layout": {
+    "design": "portrait",
+    "flow": [
+      {
+        "zone": "room",
+        "span": 8,
+        "height": "200px"
+      },
+      {
+        "zone": "clock",
+        "span": 4,
+        "height": "200px"
+      },
+      {
+        "zone": "status",
+        "span": 12,
+        "height": 2
+      },
+      {
+        "zone": "ends",
+        "span": 6,
+        "height": 1.2
+      },
+      {
+        "zone": "book",
+        "span": 6,
+        "height": 1.2
+      },
+      {
+        "zone": "agenda",
+        "span": 12,
+        "height": 4
+      },
+      {
+        "zone": "rules",
+        "span": 12,
+        "height": "150px"
+      }
+    ]
+  },
+  "zones": {
+    "room": {
+      "type": "heading",
+      "title": "Meeting room",
+      "text": {
+        "bind": "/room/name"
+      }
+    },
+    "clock": {
+      "type": "clock",
+      "surface": "raised",
+      "hour12": false
+    },
+    "status": {
+      "type": "stat",
+      "title": {
+        "bind": "/room/floor"
+      },
+      "value": {
+        "bind": "/status/text"
+      },
+      "label": {
+        "bind": "/status/label"
+      },
+      "state": {
+        "bind": "/status/state"
+      }
+    },
+    "ends": {
+      "type": "countdown",
+      "surface": "raised",
+      "title": "Current meeting",
+      "to": {
+        "bind": "/status/ends_at"
+      },
+      "label": "left"
+    },
+    "book": {
+      "type": "qr",
+      "title": "Book this room",
+      "value": {
+        "bind": "/room/book_url"
+      },
+      "label": "Scan to book"
+    },
+    "agenda": {
+      "type": "schedule",
+      "title": "Next up",
+      "rows": 6,
+      "items": {
+        "bind": "/agenda"
+      }
+    },
+    "rules": {
+      "type": "text",
+      "surface": "accent",
+      "text": "Seats 10. Please wipe the whiteboard and take your cups when you leave.",
+      "fit": true
+    }
+  }
+}

package/examples/noc-wall/data.yml

@@ -0,0 +1,18 @@
+alert: ''
+kpi:
+  error_rate: 0.31
+  error_state: warning
+  p99: 412
+  p99_spark: [530, 510, 498, 470, 455, 430, 412]
+svc:
+  cdn: good
+  auth: good
+  api: warning
+  payments: good
+  db: warning
+  vpn: danger
+incidents:
+  - [SEV2, VPN ams-02 saturated, 41 m]
+  - [SEV3, eu-west API over SLO, 36 m]
+  - [SEV3, Replica lag on pg-replica-04, 22 m]
+  - [SEV4, Certificate expires in 9 days, 3 d]

package/examples/noc-wall/layout.yml

@@ -0,0 +1,63 @@
+# yaml-language-server: $schema=https://signagekit.514sid.com/schema.json
+# Network operations wall: six zones, dark.
+colors:
+  scheme: dark
+
+layout:
+  flow:
+    - { zone: head, span: 8, height: 120px }
+    - { zone: clock, span: 4, height: 120px }
+    - { zone: err, span: 3, height: 1 }
+    - { zone: p99, span: 3, height: 1 }
+    - { zone: svc, span: 6, height: 1 }
+    - { zone: inc, span: 12, height: 1 }
+
+alert:
+  text: { bind: /alert }
+  title: Major incident
+  state: danger
+
+zones:
+  head:
+    type: heading
+    title: Network operations
+    text: Global edge and core
+  clock:
+    type: clock
+    surface: raised
+    show_date: true
+    hour12: false
+  err:
+    type: stat
+    title: Error rate
+    value: { bind: /kpi/error_rate }
+    unit: '%'
+    state: { bind: /kpi/error_state }
+    trend: up
+    delta: '+0.04'
+    good_when: down
+  p99:
+    type: stat
+    title: p99 latency
+    value: { bind: /kpi/p99 }
+    unit: ms
+    trend: down
+    delta: -18 ms
+    good_when: down
+    spark: { bind: /kpi/p99_spark }
+  svc:
+    type: status
+    title: Services
+    items:
+      - { label: Edge CDN, state: { bind: /svc/cdn } }
+      - { label: Sign-in, state: { bind: /svc/auth } }
+      - { label: Core API, state: { bind: /svc/api }, note: eu-west slow }
+      - { label: Payments, state: { bind: /svc/payments } }
+      - { label: Postgres, state: { bind: /svc/db }, note: lag 4 s }
+      - { label: Office VPN, state: { bind: /svc/vpn }, note: down }
+  inc:
+    type: table
+    title: Open incidents
+    columns: [Sev, Incident, Age]
+    align: [start, start, end]
+    rows: { bind: /incidents }

package/examples/oee-line/data.yml

@@ -0,0 +1,25 @@
+# Every value is read as text.
+oee:
+  value: 78.4
+  state: warning
+  trend: up
+  delta: +1.6 pts
+  spark: [71, 73, 72, 75, 77, 76, 78.4]
+  hourly: [74, 76, 72, 79, 81, 77, 78]
+  target: [85, 85, 85, 85, 85, 85, 85]
+hours: ['06:00', '07:00', '08:00', '09:00', '10:00', '11:00', '12:00']
+lines:
+  - { label: Line 1 PET 0.5 L, value: 412, max: 480, state: good }
+  - { label: Line 2 PET 1.5 L, value: 301, max: 360, state: good }
+  - { label: Line 3 glass, value: 188, max: 300, state: warning }
+  - { label: Line 4 cans, value: 0, max: 600, state: danger }
+downtime:
+  - { label: Changeover, value: 52 }
+  - { label: Glue pump, value: 41 }
+  - { label: No preforms, value: 27 }
+  - { label: Micro stops, value: 19 }
+  - { label: CIP cleaning, value: 15 }
+messages:
+  - 'Changeover on Line 3 at 13:00, bring format parts'
+  - 'Forklift route B closed until 15:00'
+  - 'QA sample every 30 min, record on tablet'

package/examples/oee-line/layout.yml

@@ -0,0 +1,55 @@
+# yaml-language-server: $schema=https://signagekit.514sid.com/schema.json
+# OEE board for a bottling plant floor, landscape.
+colors:
+  scheme: dark
+  accent: '#0ea5e9'
+
+layout:
+  design: landscape
+  gap: 2
+  flow:
+    - { zone: head, span: 9, height: 120px }
+    - { zone: clock, span: 3, height: 120px }
+    - { zone: oee, span: 4, height: 2 }
+    - { zone: trend, span: 8, height: 2 }
+    - { zone: lines, span: 6, height: 3 }
+    - { zone: downtime, span: 6, height: 3 }
+    - { zone: news, height: 100px }
+
+zones:
+  head: { type: heading, text: Filling hall 2 OEE, surface: raised }
+  clock: { type: clock, surface: raised }
+  oee:
+    type: stat
+    title: OEE today
+    value: { bind: /oee/value }
+    unit: '%'
+    state: { bind: /oee/state }
+    trend: { bind: /oee/trend }
+    delta: { bind: /oee/delta }
+    good_when: up
+    spark: { bind: /oee/spark }
+  trend:
+    type: chart
+    kind: line
+    title: OEE by hour vs target
+    labels: { bind: /hours }
+    series:
+      - { name: OEE, values: { bind: /oee/hourly } }
+      - { name: Target, values: { bind: /oee/target } }
+  lines:
+    type: meters
+    title: Line speed
+    unit: bpm
+    items: { bind: /lines }
+  downtime:
+    type: bars
+    title: Downtime today
+    unit: min
+    limit: 5
+    items: { bind: /downtime }
+  news:
+    type: cycle
+    surface: raised
+    seconds: 6
+    items: { bind: /messages }

package/examples/office-air/data.yml

@@ -0,0 +1,25 @@
+# Readings from the floor sensors. Every value in YAML data is read as text.
+floor: Floor 3, east wing
+co2:
+  now: 742
+  trend: down
+  delta: -58 since 10:00
+  label: Fresh
+temp:
+  now: 21.8
+  label: Comfortable
+  state: good
+humidity: 46
+rooms:
+  - { label: Harbour, value: 1180, max: 1600 }
+  - { label: Lighthouse, value: 960, max: 1600 }
+  - { label: Quay, value: 812, max: 1600 }
+  - { label: Dockside, value: 655, max: 1600 }
+  - { label: Pier, value: 540, max: 1600 }
+day:
+  hours: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00']
+  co2: [520, 690, 800, 940, 1080, 870, 742]
+tips:
+  - Harbour is getting stuffy, open the window or take a break
+  - Windows on the south side open with the grey handle
+  - Plants on this floor are watered on Mondays and Thursdays

package/examples/office-air/layout.yml

@@ -0,0 +1,71 @@
+# yaml-language-server: $schema=https://signagekit.514sid.com/schema.json
+# Air quality on an office floor, for the screen by the kitchen.
+version: 1
+colors:
+  scheme: dark
+  accent: '#0ea5e9'
+
+layout:
+  flow:
+    - { zone: head, span: 9, height: 130px }
+    - { zone: clock, span: 3, height: 130px }
+    - { zone: co2, span: 4, height: 2 }
+    - { zone: temp, span: 4, height: 2 }
+    - { zone: humidity, span: 4, height: 2 }
+    - { zone: rooms, span: 5, height: 3 }
+    - { zone: today, span: 7, height: 3 }
+    - { zone: tips, height: 100px }
+
+zones:
+  head:
+    type: heading
+    title: Air quality
+    text: { bind: /floor }
+  clock:
+    type: clock
+    surface: raised
+    show_date: true
+  co2:
+    type: stat
+    title: CO₂, open plan
+    value: { bind: /co2/now }
+    unit: ppm
+    thresholds: { warning: 1000, danger: 1400 }
+    trend: { bind: /co2/trend }
+    delta: { bind: /co2/delta }
+    good_when: down
+    label: { bind: /co2/label }
+  temp:
+    type: stat
+    title: Temperature
+    value: { bind: /temp/now }
+    unit: °C
+    label: { bind: /temp/label }
+    state: { bind: /temp/state }
+  humidity:
+    type: meter
+    title: Humidity
+    value: { bind: /humidity }
+    max: 100
+    unit: '%'
+    thresholds: { warning: 60, danger: 70 }
+  rooms:
+    type: meters
+    title: CO₂ by meeting room, ppm
+    items: { bind: /rooms }
+    thresholds: { warning: 1000, danger: 1400 }
+  today:
+    type: chart
+    kind: area
+    title: CO₂ today, open plan
+    labels: { bind: /day/hours }
+    series:
+      - name: CO₂
+        values: { bind: /day/co2 }
+    target: 1000
+    target_label: Open a window above 1000
+  tips:
+    type: cycle
+    surface: raised
+    items: { bind: /tips }
+    seconds: 8

package/examples/sales-today/data.json

@@ -0,0 +1,28 @@
+{
+  "kpi": {
+    "revenue": 134210,
+    "vs_target": 105,
+    "target_label": "Day target 128K",
+    "state": "good",
+    "trend": "up",
+    "delta": "+2.4 pts"
+  },
+  "hourly": {
+    "labels": ["09:00", "10:00", "11:00", "12:00", "13:00", "14:00", "15:00", "16:00"],
+    "revenue": [9.1, 12.4, 14.8, 16.2, 17.5, 19.9, 21.3, 23.0]
+  },
+  "reps": [
+    { "label": "Dana Reyes", "value": 31.2 },
+    { "label": "Marcus Okafor", "value": 28.4 },
+    { "label": "Lena Brandt", "value": 26.9 },
+    { "label": "Sam Whitfield", "value": 22.1 },
+    { "label": "Aiko Tanaka", "value": 19.7 },
+    { "label": "Joel Mensah", "value": 17.4 }
+  ],
+  "regions": [
+    { "label": "North", "value": 104 },
+    { "label": "East", "value": 97 },
+    { "label": "South", "value": 78 },
+    { "label": "West", "value": 62 }
+  ]
+}

package/examples/sales-today/layout.json

@@ -0,0 +1,62 @@
+{
+  "colors": { "scheme": "light", "background": "#ffffff", "accent": "#1d4ed8" },
+  "layout": {
+    "design": "landscape",
+    "flow": [
+      { "zone": "head", "span": 5, "height": "150px" },
+      { "zone": "revenue", "span": 4, "height": "150px" },
+      { "zone": "target", "span": 3, "height": "150px" },
+      { "zone": "hourly", "span": 8, "height": 3 },
+      { "zone": "reps", "span": 4, "height": 3 },
+      { "zone": "regions", "span": 12, "height": 2 }
+    ]
+  },
+  "zones": {
+    "head": { "type": "heading", "text": "Sales today" },
+    "revenue": {
+      "type": "stat",
+      "surface": "raised",
+      "title": "Revenue",
+      "value": { "bind": "/kpi/revenue" },
+      "label": "Since midnight",
+      "format": "compact"
+    },
+    "target": {
+      "type": "stat",
+      "surface": "raised",
+      "title": "Against target",
+      "value": { "bind": "/kpi/vs_target" },
+      "unit": "%",
+      "label": { "bind": "/kpi/target_label" },
+      "state": { "bind": "/kpi/state", "fallback": "neutral" },
+      "trend": { "bind": "/kpi/trend" },
+      "delta": { "bind": "/kpi/delta" },
+      "good_when": "up"
+    },
+    "hourly": {
+      "type": "chart",
+      "kind": "column",
+      "title": "Revenue by hour, thousands",
+      "labels": { "bind": "/hourly/labels" },
+      "series": [
+        { "name": "Revenue", "values": { "bind": "/hourly/revenue" } }
+      ],
+      "target": 15,
+      "target_label": "Hourly target 15K"
+    },
+    "reps": {
+      "type": "bars",
+      "title": "Top reps, $K",
+      "items": { "bind": "/reps" },
+      "limit": 6
+    },
+    "regions": {
+      "type": "meters",
+      "title": "Quota attainment by region",
+      "items": { "bind": "/regions" },
+      "max": 120,
+      "unit": "%",
+      "thresholds": { "warning": 85, "danger": 70 }
+    }
+  }
+}

package/examples/snow-closure/data.yml

@@ -0,0 +1,28 @@
+lunch:
+  - [Monday, Pasta bake]
+  - [Tuesday, Chicken wrap]
+  - [Wednesday, Veggie chili]
+  - [Thursday, Fish fingers]
+  - [Friday, Pizza]
+week:
+  - Picture day is Wednesday
+  - Library books due Thursday
+  - Parent evening Friday at 18:00
+messages:
+  - Please sign the field trip form
+  - Lost property is by the gym
+  - Bake sale on Friday
+
+alert:
+  level: warning
+  icon: snow
+  title: School closed tomorrow
+  message: 'Heavy snow is forecast overnight. Maple Ridge Elementary is closed on Tuesday.'
+  steps:
+    - School buses will not run
+    - Online lessons start at 9:00
+    - After-school club is cancelled
+    - Check the district app for updates
+  footer: 'Office 555-0178. Posted Monday at 15:10'
+  mode: takeover
+  until: '2026-11-15T00:00:00Z'

package/examples/snow-closure/layout.json

@@ -0,0 +1,35 @@
+{
+  "version": 1,
+  "colors": { "scheme": "light", "accent": "#0f766e" },
+  "layout": {
+    "design": "landscape",
+    "flow": [
+      { "zone": "head", "span": 9, "height": "170px" },
+      { "zone": "clock", "span": 3, "height": "170px" },
+      { "zone": "lunch", "span": 6, "height": 2 },
+      { "zone": "info", "span": 6, "height": 2 },
+      { "zone": "news", "height": "110px" }
+    ]
+  },
+  "zones": {
+    "head": { "type": "heading", "text": "Maple Ridge Elementary" },
+    "clock": { "type": "clock", "surface": "raised", "show_date": true },
+    "lunch": {
+      "type": "table",
+      "title": "Lunch menu",
+      "columns": ["Day", "Main"],
+      "rows": { "bind": "/lunch" }
+    },
+    "info": {
+      "type": "list",
+      "title": "This week",
+      "items": { "bind": "/week" }
+    },
+    "news": {
+      "type": "cycle",
+      "surface": "raised",
+      "items": { "bind": "/messages" }
+    }
+  },
+  "alert": { "bind": "/alert" }
+}

package/examples/station-departures/data.json

@@ -0,0 +1,24 @@
+{
+  "alert": {
+    "level": "warning",
+    "icon": "delay",
+    "title": "Delays to Amsterdam",
+    "message": "Signal fault near Breukelen. Allow 15 minutes extra.",
+    "mode": "banner"
+  },
+  "departures": [
+    ["14:08", "Amsterdam Centraal", 5, "+12 min"],
+    ["14:12", "Rotterdam Centraal", 6, "On time"],
+    ["14:17", "Arnhem Centraal", 4, "On time"],
+    ["14:20", "Den Haag Centraal", 7, "Cancelled"],
+    ["14:23", "Schiphol Airport", 5, "+12 min"],
+    ["14:28", "Eindhoven Centraal", 6, "On time"],
+    ["14:34", "Amersfoort Centraal", 4, "On time"],
+    ["14:38", "Amsterdam Centraal", 5, "+8 min"]
+  ],
+  "messages": [
+    "Lift to platform 6 out of service",
+    "Mind the gap",
+    "Lost property at the service desk, hall 2"
+  ]
+}

package/examples/station-departures/layout.json

@@ -0,0 +1,34 @@
+{
+  "version": 1,
+  "colors": { "scheme": "dark", "accent": "#facc15", "on_accent": "#111827" },
+  "alert": { "bind": "/alert" },
+  "layout": {
+    "design": "landscape",
+    "gap": 2,
+    "flow": [
+      { "zone": "head", "span": 8, "height": "160px" },
+      { "zone": "clock", "span": 4, "height": "160px" },
+      { "zone": "board", "height": 6 },
+      { "zone": "foot", "height": "110px" }
+    ]
+  },
+  "zones": {
+    "head": { "type": "heading", "text": "Departures, platforms 4 to 7", "icon": "location" },
+    "clock": { "type": "clock", "surface": "accent", "hour12": false },
+    "board": {
+      "type": "table",
+      "columns": ["Time", "To", "Plat.", "Status"],
+      "align": ["start", "start", "end", "end"],
+      "widths": [1.2, 4, 1, 2.2],
+      "page_rows": 8,
+      "seconds": 10,
+      "rows": { "bind": "/departures" }
+    },
+    "foot": {
+      "type": "cycle",
+      "surface": "raised",
+      "seconds": 8,
+      "items": { "bind": "/messages" }
+    }
+  }
+}

package/examples/store-promo/data.yml

@@ -0,0 +1,18 @@
+offer:
+  headline: Buy any two Northfield own-label snack multipacks and take the canvas tote home free while stocks last
+  ends: '2026-11-22T21:00:00Z'
+promo:
+  images:
+    - /examples/images/snacks.svg
+    - /examples/images/tote.svg
+    - /examples/images/hamper.svg
+featured:
+  src: /examples/images/kettle.svg
+join:
+  url: https://example.com/club
+ticker:
+  - Loyalty points are doubled every Thursday
+  - Returns accepted for 60 days with a receipt
+  - The bakery counter opens at 06:30 on weekdays
+  - ''
+  - Parking after 16:00 is free for members

package/examples/store-promo/layout.yml

@@ -0,0 +1,54 @@
+colors:
+  scheme: dark
+  accent: '#f97316'
+
+layout:
+  design: landscape
+  gap: 2
+  flow:
+    - { zone: hero, span: 8, height: 3 }
+    - { zone: clock, span: 4, height: 1 }
+    - { zone: offer, span: 4, height: 2 }
+    - { zone: featured, span: 4, height: 2 }
+    - { zone: join, span: 4, height: 2 }
+    - { zone: ticker, span: 12, height: 70px }
+
+zones:
+  hero:
+    type: slideshow
+    images: { bind: /promo/images }
+    seconds: 8
+    fit: contain
+  clock:
+    type: clock
+    title: Store time
+    show_date: true
+    hour12: false
+  offer:
+    type: stack
+    title: This week
+    direction: column
+    items:
+      - type: text
+        text: { bind: /offer/headline }
+        fit: true
+        align: start
+      - type: countdown
+        to: { bind: /offer/ends }
+        label: Ends
+  featured:
+    type: image
+    title: Staff pick
+    src: { bind: /featured/src }
+    fit: contain
+    alt: Staff pick of the week
+  join:
+    type: qr
+    title: Join the club
+    value: { bind: /join/url }
+    label: Scan for double points
+  ticker:
+    type: cycle
+    items: { bind: /ticker }
+    seconds: 9
+    align: center

package/examples/storm-banner/data.json

@@ -0,0 +1,20 @@
+{
+  "alert": {
+    "level": "warning",
+    "icon": "storm",
+    "title": "Storm warning",
+    "message": "Gusts up to 90 km/h until 18:00. Routes 14 and 22 may not run.",
+    "footer": "Check the operator app before you travel.",
+    "mode": "banner",
+    "until": "2026-11-14T18:00:00Z"
+  },
+  "departures": [
+    ["09:40", "14", "Harbour Quay", "Late 10 min"],
+    ["09:45", "22", "Ferndale", "Cancelled"],
+    ["09:55", "7", "Canal Street", "On time"],
+    ["10:05", "31", "Airport", "On time"],
+    ["10:15", "9", "Westgate", "Cancelled"]
+  ],
+  "running": 38,
+  "cancelled": 3
+}