{
  "name": "Dinoy Raj Talks",
  "version": 1,
  "meta": {
    "source": "Derived from Dinoy Raj's conference decks (DevFest Dubai, DevFest Mumbai, FOSSASIA, droidcon Uganda)",
    "canvas": "1920x1080"
  },
  "color": {
    "themes": [
      {
        "id": "light",
        "name": "Light"
      }
    ],
    "tokens": [
      {
        "name": "surface",
        "value": "#ffffff",
        "usage": "Default slide background. Most content slides are plain white."
      },
      {
        "name": "ink",
        "value": "#000000",
        "usage": "Headlines, titles and bullet copy on `surface`, `green-tint`, `blue-tint` and `lime` (21:1 on white)."
      },
      {
        "name": "ink-soft",
        "value": "#434343",
        "usage": "Column labels and diagram captions on `surface` (9.7:1)."
      },
      {
        "name": "ink-muted",
        "value": "#595959",
        "usage": "Card titles, card descriptions, footnotes and the event line on `surface` (7:1) and `gray-row`."
      },
      {
        "name": "green",
        "value": "#34a853",
        "usage": "The signature colour. Full-bleed section, demo and closing slides; bullet dots; numbered step discs; green topic tags; highlight words for the payoff or outcome. As text on white it is 3:1, so only at 24px and up."
      },
      {
        "name": "on-green",
        "value": "#ffffff",
        "usage": "Text on `green` slides: statements, the giant Demo numeral, Thankyou. 3:1 on green, so 24px and up only (every observed use is 48px+)."
      },
      {
        "name": "green-tint",
        "value": "#e9f4ec",
        "usage": "Soft green panels and tiles (Clean Architecture background, open-model logo tiles, emphasis tile in a trio), and the small status chip on green slides."
      },
      {
        "name": "green-wash",
        "value": "#f7fbf8",
        "usage": "Faintest green fill for diagram nodes and inactive tiles on white."
      },
      {
        "name": "lime",
        "value": "#e5fb79",
        "usage": "The accent. Topic tag pills, the caption pill on green slides, the vertical accent bar on question slides, the period after Thankyou/Demo. Text on lime is always `on-lime` or `ink`."
      },
      {
        "name": "lime-deep",
        "value": "#cce84a",
        "usage": "Speaker pill on the title slide (bleeds off the left edge)."
      },
      {
        "name": "on-lime",
        "value": "#3b401f",
        "usage": "Text inside lime topic tags (10.6:1 on `lime`)."
      },
      {
        "name": "blue",
        "value": "#4285f4",
        "usage": "Highlight words naming the subject or concept, the event pill on title slides, gradient numerals 01/02, table header rows, the active diagram node. As text on white it is 3.6:1, so highlight words stay 24px and up."
      },
      {
        "name": "blue-tint",
        "value": "#e9f0fe",
        "usage": "Soft blue panels: option cards, prompt/response stages, comparison panels, the second tile in a mint/blue pair."
      },
      {
        "name": "blue-panel",
        "value": "#b9d0ef",
        "usage": "Background behind illustrations and device mockups (droidcon Uganda)."
      },
      {
        "name": "blue-row",
        "value": "#e5ebf7",
        "usage": "Alternating row in data tables (with `gray-row`)."
      },
      {
        "name": "gray-row",
        "value": "#f7f7f7",
        "usage": "Alternating row in data tables; light code-snippet cards on white."
      },
      {
        "name": "hairline",
        "value": "#dfdfdf",
        "usage": "1px lines of the background grid on question and statement slides; dividers."
      },
      {
        "name": "card-border",
        "value": "#d6d6d6",
        "usage": "2px outline of white feature cards."
      },
      {
        "name": "accent-orange",
        "value": "#f86734",
        "usage": "Diagram-only: the middle phase in multi-stage flows (Composition, Layout, Drawing). Never for text or highlights."
      },
      {
        "name": "accent-deep",
        "value": "#073042",
        "usage": "Diagram-only: the final phase node in multi-stage flows; white text on it (13:1)."
      },
      {
        "name": "code-bg",
        "value": "#1d262f",
        "usage": "Code block background and dark screenshot frames."
      },
      {
        "name": "code-text",
        "value": "#ebf4ff",
        "usage": "Plain identifiers in code on `code-bg` (14:1)."
      },
      {
        "name": "code-keyword",
        "value": "#47ebb4",
        "usage": "Keywords (val, data, class, fun, import) on `code-bg`."
      },
      {
        "name": "code-type",
        "value": "#88b4e7",
        "usage": "Types, packages, annotations and parameter names on `code-bg`."
      },
      {
        "name": "code-punct",
        "value": "#f3cd12",
        "usage": "Brackets, dots, colons and commas on `code-bg`."
      },
      {
        "name": "code-comment",
        "value": "#4a5f78",
        "usage": "Comments (italic) and line numbers on `code-bg`. 2.6:1 by design: recessive, never carry meaning in a comment."
      }
    ]
  },
  "type": {
    "fonts": [],
    "families": {
      "sans": "\"Google Sans\", \"Google Sans Flex\", \"Product Sans\", system-ui, sans-serif",
      "mono": "\"Source Code Pro\", \"Google Sans Code\", ui-monospace, monospace"
    },
    "groups": [
      {
        "name": "Display",
        "family": "sans",
        "styles": [
          {
            "name": "demo-numeral",
            "fontSize": "560px",
            "lineHeight": 0.8,
            "fontWeight": 700,
            "letterSpacing": "-0.02em",
            "sample": "Demo 1",
            "usage": "Giant white word on green demo slides; bleeds off the bottom edge."
          },
          {
            "name": "closing",
            "fontSize": "180px",
            "lineHeight": 1,
            "fontWeight": 700,
            "letterSpacing": "-0.01em",
            "sample": "Thankyou.",
            "usage": "Closing and Demo-QR slides, white on green, period in lime."
          },
          {
            "name": "title",
            "fontSize": "96px",
            "lineHeight": "116px",
            "fontWeight": 700,
            "sample": "Build Your Pocket Brain",
            "usage": "Talk title on the title slide, 3 lines max, highlight words in blue and green."
          },
          {
            "name": "statement",
            "fontSize": "88px",
            "lineHeight": "114px",
            "fontWeight": 400,
            "sample": "Write Once, Run Anywhere?",
            "usage": "Question / statement slides over the grid; highlights at 500."
          },
          {
            "name": "headline",
            "fontSize": "72px",
            "lineHeight": "88px",
            "fontWeight": 400,
            "sample": "Advantages of being On-Device",
            "usage": "Slide headline, top-left, when a deck uses headlines instead of topic tags."
          },
          {
            "name": "green-statement",
            "fontSize": "68px",
            "lineHeight": "84px",
            "fontWeight": 400,
            "sample": "Platform Specific Runtime",
            "usage": "Centred white line above a lime pill on green section slides."
          }
        ]
      },
      {
        "name": "Text",
        "family": "sans",
        "styles": [
          {
            "name": "step-label",
            "fontSize": "48px",
            "lineHeight": "56px",
            "fontWeight": 400,
            "sample": "Usage Stats",
            "usage": "Label beside a numbered disc."
          },
          {
            "name": "subtitle",
            "fontSize": "48px",
            "lineHeight": "56px",
            "fontWeight": 400,
            "sample": "Do you have any questions?",
            "usage": "Line under the closing word."
          },
          {
            "name": "card-title",
            "fontSize": "40px",
            "lineHeight": "48px",
            "fontWeight": 400,
            "sample": "Latency / UX",
            "usage": "Feature card title in `ink-muted`."
          },
          {
            "name": "body",
            "fontSize": "36px",
            "lineHeight": "56px",
            "fontWeight": 400,
            "sample": "Convert model weights & activations",
            "usage": "Bullet copy. Highlights at 500 in blue/green."
          },
          {
            "name": "pill-caption",
            "fontSize": "36px",
            "lineHeight": "44px",
            "fontWeight": 700,
            "sample": "Running Gemma Models Directly On Android App",
            "usage": "Text in the large lime pill on green slides and in green statement pills."
          },
          {
            "name": "speaker",
            "fontSize": "32px",
            "lineHeight": "40px",
            "fontWeight": 700,
            "sample": "Dinoy Raj",
            "usage": "Speaker name in the title slide pill."
          },
          {
            "name": "card-body",
            "fontSize": "28px",
            "lineHeight": "36px",
            "fontWeight": 400,
            "sample": "Faster, no network involved",
            "usage": "Feature card description, centred, `ink-muted`."
          },
          {
            "name": "tag",
            "fontSize": "24px",
            "lineHeight": "32px",
            "fontWeight": 600,
            "sample": "Shrinking the Model: Quantization",
            "usage": "Topic tag pill text, Title Case."
          },
          {
            "name": "speaker-role",
            "fontSize": "18px",
            "lineHeight": "24px",
            "fontWeight": 500,
            "sample": "Product Engineer at Strollby",
            "usage": "Role line under the speaker name, in `green`."
          },
          {
            "name": "chip",
            "fontSize": "16px",
            "lineHeight": "20px",
            "fontWeight": 500,
            "sample": "Gemma 3n 2B",
            "usage": "Small status chip, top-right."
          }
        ]
      },
      {
        "name": "Code",
        "family": "mono",
        "styles": [
          {
            "name": "code-l",
            "fontSize": "32px",
            "lineHeight": "60px",
            "fontWeight": 400,
            "sample": "data class User(val id: Int)",
            "usage": "Hero code block, up to ~10 lines."
          },
          {
            "name": "code-s",
            "fontSize": "20px",
            "lineHeight": "32px",
            "fontWeight": 400,
            "sample": "implementation(\"com.google.mediapipe:tasks-genai\")",
            "usage": "Dense code beside bullets, up to ~25 lines."
          }
        ]
      }
    ]
  },
  "spacing": {
    "tokens": [
      {
        "name": "space-xs",
        "value": "16px",
        "usage": "Gap between a tag and its secondary segment; chip padding."
      },
      {
        "name": "space-s",
        "value": "24px",
        "usage": "Gap between cards in a row; caption gap under a card."
      },
      {
        "name": "space-m",
        "value": "40px",
        "usage": "Gap between bullets in a group; card inner padding."
      },
      {
        "name": "space-l",
        "value": "72px",
        "usage": "Inset of topic tags from the top and left edges."
      },
      {
        "name": "space-xl",
        "value": "128px",
        "usage": "Left content margin for headlines, titles and bullets."
      },
      {
        "name": "grid-cell",
        "value": "528px",
        "usage": "Pitch of the background grid on statement slides (lines every 528px, 274px row offset)."
      }
    ]
  },
  "radius": {
    "tokens": [
      {
        "name": "radius-node",
        "value": "8px",
        "usage": "Diagram boxes."
      },
      {
        "name": "radius-tile",
        "value": "12px",
        "usage": "Inner corners of table rows (the segmented list)."
      },
      {
        "name": "radius-code",
        "value": "24px",
        "usage": "Code blocks and screenshot frames."
      },
      {
        "name": "radius-card",
        "value": "32px",
        "usage": "White outlined feature cards, every tinted tile (mint, blue, solid, outline), callout boxes, the agenda fact tile and the table's outer corners."
      },
      {
        "name": "radius-pill",
        "value": "999px",
        "usage": "Every tag, caption pill, chip and the speaker pill."
      }
    ]
  }
}