{
  "$description": "Umferðarlög Brand Code 1.0.0, https://brand.umferdarlog.com",
  "color": {
    "core": {
      "ink": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0941,
            0.1255,
            0.1412
          ],
          "hex": "#182024"
        },
        "$description": "Ink"
      },
      "road-line": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9451,
            0.9569,
            0.9569
          ],
          "hex": "#f1f4f4"
        },
        "$description": "Road Line"
      },
      "paper": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1,
            1,
            1
          ],
          "hex": "#ffffff"
        },
        "$description": "Card White"
      },
      "glacier": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1137,
            0.3725,
            0.5804
          ],
          "hex": "#1d5f94"
        },
        "$description": "Glacier Blue"
      }
    },
    "accent": {
      "glacier-bright": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1412,
            0.4196,
            0.6392
          ],
          "hex": "#246ba3"
        },
        "$description": "Glacier Blue Dark"
      },
      "glacier-sky": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.549,
            0.7961,
            0.9176
          ],
          "hex": "#8ccbea"
        },
        "$description": "Glacier Sky"
      },
      "asphalt": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2275,
            0.2745,
            0.298
          ],
          "hex": "#3a464c"
        },
        "$description": "Road Asphalt"
      },
      "marker-done": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1216,
            0.1647,
            0.1843
          ],
          "hex": "#1f2a2f"
        },
        "$description": "Marker Done"
      }
    },
    "neutral": {
      "basalt": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9333,
            0.9451,
            0.9412
          ],
          "hex": "#eef1f0"
        },
        "$description": "Basalt Ground"
      },
      "stone": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8549,
            0.8706,
            0.8667
          ],
          "hex": "#dadedd"
        },
        "$description": "Open Stone"
      },
      "slate": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.3373,
            0.3882,
            0.4157
          ],
          "hex": "#56636a"
        },
        "$description": "Ink Soft"
      },
      "stone-ink": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2902,
            0.3373,
            0.3608
          ],
          "hex": "#4a565c"
        },
        "$description": "Stone Text"
      }
    },
    "night": {
      "night": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0588,
            0.0784,
            0.0863
          ],
          "hex": "#0f1416"
        },
        "$description": "Night Basalt"
      },
      "night-cluster": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0627,
            0.0863,
            0.102
          ],
          "hex": "#10161a"
        },
        "$description": "Cluster Ground"
      },
      "night-stone": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1647,
            0.2039,
            0.2235
          ],
          "hex": "#2a3439"
        },
        "$description": "Night Stone"
      },
      "night-ink": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9137,
            0.9333,
            0.9373
          ],
          "hex": "#e9eeef"
        },
        "$description": "Night Ink"
      },
      "night-slate": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6039,
            0.6588,
            0.6824
          ],
          "hex": "#9aa8ae"
        },
        "$description": "Night Ink Soft"
      },
      "night-stone-ink": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.7882,
            0.8235,
            0.8392
          ],
          "hex": "#c9d2d6"
        },
        "$description": "Night Stone Text"
      },
      "night-deep": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0392,
            0.0549,
            0.0627
          ],
          "hex": "#0a0e10"
        },
        "$description": "Footer Night"
      }
    },
    "state": {
      "moss": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1804,
            0.4588,
            0.3137
          ],
          "hex": "#2e7550"
        },
        "$description": "Moss"
      },
      "moss-deep": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1804,
            0.4196,
            0.2706
          ],
          "hex": "#2e6b45"
        },
        "$description": "Moss Text"
      },
      "moss-light": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.5608,
            0.8157,
            0.6667
          ],
          "hex": "#8fd0aa"
        },
        "$description": "Moss Light"
      },
      "moss-tint": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8863,
            0.9373,
            0.902
          ],
          "hex": "#e2efe6"
        },
        "$description": "Moss Tint"
      },
      "lava": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.7216,
            0.2275,
            0.1804
          ],
          "hex": "#b83a2e"
        },
        "$description": "Lava"
      },
      "lava-deep": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6588,
            0.2039,
            0.1647
          ],
          "hex": "#a8342a"
        },
        "$description": "Lava Text"
      },
      "lava-light": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.949,
            0.6275,
            0.5922
          ],
          "hex": "#f2a097"
        },
        "$description": "Lava Light"
      },
      "lava-tint": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9686,
            0.8863,
            0.8745
          ],
          "hex": "#f7e2df"
        },
        "$description": "Lava Tint"
      },
      "ochre": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.851,
            0.6039,
            0.2392
          ],
          "hex": "#d99a3d"
        },
        "$description": "Ochre"
      },
      "ochre-deep": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.5608,
            0.3255,
            0.0627
          ],
          "hex": "#8f5310"
        },
        "$description": "Ochre Text"
      },
      "ochre-light": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9098,
            0.6784,
            0.3529
          ],
          "hex": "#e8ad5a"
        },
        "$description": "Ochre Light"
      }
    },
    "signs": {
      "sign-yellow": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9725,
            0.7843,
            0
          ],
          "hex": "#f8c800"
        },
        "$description": "Sign Yellow"
      },
      "sign-red": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8235,
            0,
            0
          ],
          "hex": "#d20000"
        },
        "$description": "Sign Red"
      }
    }
  },
  "theme": {
    "light": {
      "bg": {
        "$type": "color",
        "$value": "{color.neutral.basalt}"
      },
      "surface": {
        "$type": "color",
        "$value": "{color.core.paper}"
      },
      "surface-alt": {
        "$type": "color",
        "$value": "{color.neutral.stone}"
      },
      "border": {
        "$type": "color",
        "$value": "{color.neutral.stone}"
      },
      "heading": {
        "$type": "color",
        "$value": "{color.core.ink}"
      },
      "text": {
        "$type": "color",
        "$value": "{color.core.ink}"
      },
      "text-soft": {
        "$type": "color",
        "$value": "{color.neutral.slate}"
      },
      "text-muted": {
        "$type": "color",
        "$value": "{color.neutral.stone-ink}"
      },
      "brand": {
        "$type": "color",
        "$value": "{color.core.glacier}"
      },
      "brand-strong": {
        "$type": "color",
        "$value": "{color.core.glacier}"
      },
      "action": {
        "$type": "color",
        "$value": "{color.core.glacier}"
      },
      "on-brand": {
        "$type": "color",
        "$value": "{color.core.paper}"
      },
      "danger": {
        "$type": "color",
        "$value": "{color.state.lava}"
      },
      "danger-strong": {
        "$type": "color",
        "$value": "{color.state.lava-deep}"
      },
      "ok": {
        "$type": "color",
        "$value": "{color.state.moss}"
      },
      "ok-strong": {
        "$type": "color",
        "$value": "{color.state.moss-deep}"
      },
      "warn": {
        "$type": "color",
        "$value": "{color.state.ochre}"
      },
      "warn-strong": {
        "$type": "color",
        "$value": "{color.state.ochre-deep}"
      }
    },
    "dark": {
      "bg": {
        "$type": "color",
        "$value": "{color.night.night}"
      },
      "surface": {
        "$type": "color",
        "$value": "{color.core.ink}"
      },
      "surface-alt": {
        "$type": "color",
        "$value": "{color.night.night-stone}"
      },
      "border": {
        "$type": "color",
        "$value": "{color.night.night-stone}"
      },
      "heading": {
        "$type": "color",
        "$value": "{color.night.night-ink}"
      },
      "text": {
        "$type": "color",
        "$value": "{color.night.night-ink}"
      },
      "text-soft": {
        "$type": "color",
        "$value": "{color.night.night-slate}"
      },
      "text-muted": {
        "$type": "color",
        "$value": "{color.night.night-slate}"
      },
      "brand": {
        "$type": "color",
        "$value": "{color.accent.glacier-bright}"
      },
      "brand-strong": {
        "$type": "color",
        "$value": "{color.accent.glacier-sky}"
      },
      "action": {
        "$type": "color",
        "$value": "{color.accent.glacier-bright}"
      },
      "on-brand": {
        "$type": "color",
        "$value": "{color.core.paper}"
      },
      "danger": {
        "$type": "color",
        "$value": "{color.state.lava}"
      },
      "danger-strong": {
        "$type": "color",
        "$value": "{color.state.lava-light}"
      },
      "ok": {
        "$type": "color",
        "$value": "{color.state.moss}"
      },
      "ok-strong": {
        "$type": "color",
        "$value": "{color.state.moss-light}"
      },
      "warn": {
        "$type": "color",
        "$value": "{color.state.ochre}"
      },
      "warn-strong": {
        "$type": "color",
        "$value": "{color.state.ochre-light}"
      }
    }
  },
  "font": {
    "family": {
      "plate": {
        "$type": "fontFamily",
        "$value": [
          "Medeo Sans",
          "-apple-system",
          "BlinkMacSystemFont",
          "system-ui",
          "sans-serif"
        ]
      },
      "cluster": {
        "$type": "fontFamily",
        "$value": [
          "Barlow Semi Condensed",
          "-apple-system",
          "system-ui",
          "sans-serif"
        ]
      },
      "text": {
        "$type": "fontFamily",
        "$value": [
          "-apple-system",
          "BlinkMacSystemFont",
          "SF Pro Text",
          "system-ui",
          "Segoe UI",
          "Roboto",
          "sans-serif"
        ]
      }
    },
    "weight": {
      "regular": {
        "$type": "fontWeight",
        "$value": 400
      },
      "medium": {
        "$type": "fontWeight",
        "$value": 500
      },
      "semibold": {
        "$type": "fontWeight",
        "$value": 600
      },
      "bold": {
        "$type": "fontWeight",
        "$value": 700
      }
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.plate}",
        "fontSize": {
          "value": 76,
          "unit": "px"
        },
        "fontWeight": 700,
        "lineHeight": 0.98,
        "letterSpacing": {
          "value": -0.8,
          "unit": "px"
        }
      },
      "$extensions": {
        "com.umferdarlog": {
          "fontSizeMobile": {
            "value": 34,
            "unit": "px"
          }
        }
      }
    },
    "h1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.plate}",
        "fontSize": {
          "value": 52,
          "unit": "px"
        },
        "fontWeight": 700,
        "lineHeight": 1.02,
        "letterSpacing": {
          "value": -0.3,
          "unit": "px"
        }
      },
      "$extensions": {
        "com.umferdarlog": {
          "fontSizeMobile": {
            "value": 32,
            "unit": "px"
          },
          "css": "clamp(2rem, 1.35rem + 2.6vw, 3.25rem)"
        }
      }
    },
    "h2": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.plate}",
        "fontSize": {
          "value": 40,
          "unit": "px"
        },
        "fontWeight": 700,
        "lineHeight": 1.08,
        "letterSpacing": {
          "value": -0.2,
          "unit": "px"
        }
      },
      "$extensions": {
        "com.umferdarlog": {
          "fontSizeMobile": {
            "value": 28,
            "unit": "px"
          },
          "css": "clamp(1.75rem, 3.5vw, 2.5rem)"
        }
      }
    },
    "h3": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.plate}",
        "fontSize": {
          "value": 24,
          "unit": "px"
        },
        "fontWeight": 700,
        "lineHeight": 1.15,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "com.umferdarlog": {
          "fontSizeMobile": {
            "value": 20,
            "unit": "px"
          },
          "css": "clamp(1.1875rem, 2vw, 1.5rem)"
        }
      }
    },
    "gauge": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.cluster}",
        "fontSize": {
          "value": 56,
          "unit": "px"
        },
        "fontWeight": 700,
        "lineHeight": 1,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "com.umferdarlog": {
          "fontSizeMobile": {
            "value": 44,
            "unit": "px"
          },
          "textTransform": "uppercase"
        }
      }
    },
    "lead": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.text}",
        "fontSize": {
          "value": 19,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "com.umferdarlog": {
          "fontSizeMobile": {
            "value": 17,
            "unit": "px"
          }
        }
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.text}",
        "fontSize": {
          "value": 17,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "com.umferdarlog": {
          "fontSizeMobile": {
            "value": 17,
            "unit": "px"
          }
        }
      }
    },
    "button": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.text}",
        "fontSize": {
          "value": 17,
          "unit": "px"
        },
        "fontWeight": 600,
        "lineHeight": 1,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "com.umferdarlog": {
          "fontSizeMobile": {
            "value": 17,
            "unit": "px"
          }
        }
      }
    },
    "label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.text}",
        "fontSize": {
          "value": 15,
          "unit": "px"
        },
        "fontWeight": 600,
        "lineHeight": 1.3,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "com.umferdarlog": {
          "fontSizeMobile": {
            "value": 15,
            "unit": "px"
          }
        }
      }
    },
    "caption": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.text}",
        "fontSize": {
          "value": 13,
          "unit": "px"
        },
        "fontWeight": 400,
        "lineHeight": 1.4,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      },
      "$extensions": {
        "com.umferdarlog": {
          "fontSizeMobile": {
            "value": 13,
            "unit": "px"
          }
        }
      }
    }
  },
  "space": {
    "1": {
      "$type": "dimension",
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "2": {
      "$type": "dimension",
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "3": {
      "$type": "dimension",
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "4": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "5": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "6": {
      "$type": "dimension",
      "$value": {
        "value": 32,
        "unit": "px"
      }
    },
    "7": {
      "$type": "dimension",
      "$value": {
        "value": 48,
        "unit": "px"
      }
    },
    "8": {
      "$type": "dimension",
      "$value": {
        "value": 64,
        "unit": "px"
      }
    }
  },
  "radius": {
    "route": {
      "$type": "dimension",
      "$value": {
        "value": 6,
        "unit": "px"
      }
    },
    "plate": {
      "$type": "dimension",
      "$value": {
        "value": 9,
        "unit": "px"
      }
    },
    "sm": {
      "$type": "dimension",
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "md": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "card": {
      "$type": "dimension",
      "$value": {
        "value": 22,
        "unit": "px"
      }
    },
    "pill": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "full": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      }
    }
  },
  "shadow": {
    "raise": {
      "$type": "shadow",
      "$value": {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0.0941,
            0.1255,
            0.1412
          ],
          "alpha": 0.08,
          "hex": "#182024"
        },
        "offsetX": {
          "value": 0,
          "unit": "px"
        },
        "offsetY": {
          "value": 8,
          "unit": "px"
        },
        "blur": {
          "value": 24,
          "unit": "px"
        },
        "spread": {
          "value": 0,
          "unit": "px"
        }
      }
    },
    "card-hover": {
      "$type": "shadow",
      "$value": {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0.0941,
            0.1255,
            0.1412
          ],
          "alpha": 0.14,
          "hex": "#182024"
        },
        "offsetX": {
          "value": 0,
          "unit": "px"
        },
        "offsetY": {
          "value": 12,
          "unit": "px"
        },
        "blur": {
          "value": 32,
          "unit": "px"
        },
        "spread": {
          "value": 0,
          "unit": "px"
        }
      }
    },
    "sign-drop": {
      "$type": "shadow",
      "$value": {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0.0941,
            0.1255,
            0.1412
          ],
          "alpha": 0.18,
          "hex": "#182024"
        },
        "offsetX": {
          "value": 0,
          "unit": "px"
        },
        "offsetY": {
          "value": 2,
          "unit": "px"
        },
        "blur": {
          "value": 3,
          "unit": "px"
        },
        "spread": {
          "value": 0,
          "unit": "px"
        }
      }
    }
  },
  "motion": {
    "duration": {
      "$type": "duration",
      "$value": {
        "value": 160,
        "unit": "ms"
      }
    },
    "pressDuration": {
      "$type": "duration",
      "$value": {
        "value": 120,
        "unit": "ms"
      }
    },
    "easing": {
      "$type": "cubicBezier",
      "$value": [
        0.23,
        1,
        0.32,
        1
      ]
    }
  },
  "layout": {
    "content": {
      "$type": "dimension",
      "$value": {
        "value": 1200,
        "unit": "px"
      }
    },
    "wide": {
      "$type": "dimension",
      "$value": {
        "value": 1264,
        "unit": "px"
      }
    },
    "gutter": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "breakpoint": {
      "$type": "dimension",
      "$value": {
        "value": 768,
        "unit": "px"
      }
    }
  }
}