डिज़ाइन फ़्रेम

12 पहले से बने डिज़ाइन सिस्टम। हर फ़्रेम टाइपोग्राफी, रंग, स्पेसिंग और मोशन नियम तय करता है।

डिज़ाइन फ़्रेम 1

ID: biennale-yellow

डिज़ाइन फ़्रेम 2

ID: blockframe

डिज़ाइन फ़्रेम 3

ID: blue-professional

डिज़ाइन फ़्रेम 4

ID: bold-poster

डिज़ाइन फ़्रेम 5

ID: broadside

डिज़ाइन फ़्रेम 6

ID: capsule

डिज़ाइन फ़्रेम 7

ID: cartesian

डिज़ाइन फ़्रेम 8

ID: cobalt-grid

डिज़ाइन फ़्रेम 9

ID: coral

डिज़ाइन फ़्रेम 10

ID: creative-mode

डिज़ाइन फ़्रेम 11

ID: daisy-days

डिज़ाइन फ़्रेम 12

ID: editorial-forest

json
// Frame example: Bold Poster
{
  "frame": "bold-poster",
  "tokens": {
    "color": {
      "background": "{{palette.background}}",
      "foreground": "{{palette.foreground}}",
      "accent": "{{palette.accent}}",
      "muted": "{{palette.muted}}"
    },
    "typography": {
      "display": { "fontFamily": "Inter", "fontWeight": 800, "fontSize": "8vmin" },
      "heading": { "fontFamily": "Inter", "fontWeight": 700, "fontSize": "5vmin" },
      "body": { "fontFamily": "Inter", "fontWeight": 400, "fontSize": "2.8vmin" }
    }
  }
}