Verified website · Deterministic extraction
Anthropic homepage
Deterministically extracted from the public page, covering 50% of addressable declarations with 18 semantic tokens, 182 component recipes, and 19 conditions.
DESIGN.md
# Design system evidence
Source protocol: `cloneany-design-tokens/v1`
Evidence coverage: 49.7% (961/1932 addressable declarations)
## Semantic roles
| Role | Type | Base token | Confidence |
| --- | --- | --- | ---: |
| action.background | color | `primitive.color.d97757-db58350c` | 0.90 |
| action.foreground | color | `primitive.color.ffffff-b2bfeeba` | 0.90 |
| border.default | color | `primitive.color.141413-73caab09` | 0.90 |
| elevation.raised | shadow | `primitive.shadow.rgba-0-0-0-0-01-0px-2px-2px-rgba-0-0-0-0-02-0px--2d906a97` | 0.90 |
| shape.container | dimension | `primitive.dimension.5rem-a7929217` | 0.90 |
| shape.control | dimension | `primitive.dimension.12px-c10732f8` | 0.90 |
| surface.canvas | color | `primitive.color.faf9f5-700248a7` | 0.90 |
| surface.navigation | color | `primitive.color.faf9f5-700248a7` | 0.90 |
| surface.raised | color | `primitive.color.faf9f5-700248a7` | 0.90 |
| text.body | color | `primitive.color.141413-73caab09` | 0.90 |
| text.heading | color | `primitive.color.f0eee6-1e246bb0` | 0.90 |
| text.link | color | `primitive.color.b0aea5-7ec2c9ea` | 0.90 |
| type.body.family | fontFamily | `primitive.fontFamily.anthropic-serif-georgia-sans-serif-12f6444c` | 0.90 |
| type.body.size | dimension | `primitive.dimension.1-125rem-5e4f6cb4` | 0.90 |
| type.body.weight | fontWeight | `primitive.fontWeight.400-d79c2042` | 0.90 |
| type.display.family | fontFamily | `primitive.fontFamily.anthropic-sans-arial-sans-serif-7b140e59` | 0.90 |
| type.display.size | dimension | `primitive.dimension.1-5rem-83d7dd54` | 0.90 |
| type.display.weight | fontWeight | `primitive.fontWeight.700-5ba7ebf7` | 0.90 |
## Primitive values
| Token | Type | Value | Uses |
| --- | --- | --- | ---: |
| `primitive.border.0-0625rem-solid-rgb-20-20-19-ae12e750` | border | `0.0625rem solid rgb(20, 20, 19)` | 1 |
| `primitive.border.0px-rgb-0-0-0-8dad7517` | border | `0px rgb(0, 0, 0)` | 1 |
| `primitive.border.0rem-var-radius-main-var-radius-main-0rem-512a2db4` | border | `0rem var(--radius--main)var(--radius--main)0rem` | 2 |
| `primitive.border.1px-dotted-4171f7b9` | border | `1px dotted` | 1 |
| `primitive.border.1px-rgb-0-0-0-7f322012` | border | `1px rgb(0, 0, 0)` | 1 |
| `primitive.border.1px-solid-87867f-9a2145fa` | border | `1px solid #87867f` | 2 |
| `primitive.border.1px-solid-rgb-117-134-150-43d43d85` | border | `1px solid rgb(117, 134, 150)` | 1 |
| `primitive.border.1px-solid-rgb-204-204-204-00f2c192` | border | `1px solid rgb(204, 204, 204)` | 1 |
| `primitive.border.1px-solid-rgba-0-0-0-0-9fd04d27` | border | `1px solid rgba(0, 0, 0, 0)` | 1 |
| `primitive.border.1px-solid-var-color-theme-background-secondary-dca5bf7d` | border | `1px solid var(--_color-theme---background-secondary)` | 1 |
| `primitive.border.1px-solid-var-color-theme-border-hover-590e8aa1` | border | `1px solid var(--_color-theme---border-hover)` | 5 |
| `primitive.border.1px-solid-var-color-theme-border-b0641899` | border | `1px solid var(--_color-theme---border)` | 9 |
| `primitive.border.1px-solid-var-swatch-cloud-light-3797df49` | border | `1px solid var(--swatch--cloud-light)` | 1 |
| `primitive.border.1px-solid-var-swatch-ivory-medium-08ac4174` | border | `1px solid var(--swatch--ivory-medium)` | 3 |
| `primitive.border.1px-solid-var-swatch-slate-faded-10-15e2508b` | border | `1px solid var(--swatch--slate-faded-10)` | 1 |
| `primitive.border.4px-solid-transparent-26fb72f5` | border | `4px solid transparent` | 1 |
| `primitive.border.5px-solid-rgb-226-226-226-4576a2f6` | border | `5px solid rgb(226, 226, 226)` | 1 |
| `primitive.border.5px-solid-rgba-0-0-0-0-4-bb62c364` | border | `5px solid rgba(0, 0, 0, 0.4)` | 1 |
| `primitive.border.6px-solid-transparent-4246f6f3` | border | `6px solid transparent` | 1 |
| `primitive.border.solid-rgba-0-0-0-0-28247c96` | border | `solid rgba(0, 0, 0, 0)` | 1 |
| `primitive.border.var-border-width-main-solid-var-button-style-bor-495411ef` | border | `var(--border-width--main)solid var(--_button-style---border)` | 12 |
| `primitive.border.var-border-width-main-solid-var-color-theme-bord-9b9c4a0f` | border | `var(--border-width--main)solid var(--_color-theme---border-hover)` | 1 |
| `primitive.border.var-border-width-main-solid-var-color-theme-bord-bc8d3471` | border | `var(--border-width--main)solid var(--_color-theme---border)` | 1 |
| `primitive.border.var-border-width-main-solid-var-color-theme-butt-9358059c` | border | `var(--border-width--main)solid var(--_color-theme---button-primary--border)` | 1 |
| `primitive.border.var-border-width-main-solid-var-color-theme-text-7e95b7ef` | border | `var(--border-width--main)solid var(--_color-theme---text-agate)` | 5 |
| `primitive.border.var-border-width-main-solid-var-color-theme-text-60ab03c0` | border | `var(--border-width--main)solid var(--_color-theme---text)` | 1 |
| `primitive.border.var-border-width-main-solid-var-swatch-ivory-med-ff8a0ebd` | border | `var(--border-width--main)solid var(--swatch--ivory-medium)` | 14 |
| `primitive.border.var-border-width-main-solid-var-swatch-slate-fad-bb90eeb5` | border | `var(--border-width--main)solid var(--swatch--slate-faded-10)` | 8 |
| `primitive.border.var-border-width-main-solid-var-swatch-slate-fad-e5d1facd` | border | `var(--border-width--main)solid var(--swatch--slate-faded-20)` | 1 |
| `primitive.color.000000-5079495c` | color | `#000000` | 1 |
| `primitive.color.141413-73caab09` | color | `#141413` | 1484 |
| `primitive.color.1414131a-f04fa4e6` | color | `#1414131a` | 1224 |
| `primitive.color.14141333-e3c0bb27` | color | `#14141333` | 1217 |
| `primitive.color.3d3d3a-b4ea4576` | color | `#3d3d3a` | 1266 |
| `primitive.color.5e5d59-aecd57e2` | color | `#5e5d59` | 1271 |
| `primitive.color.6a9bcc-74c70d49` | color | `#6a9bcc` | 1212 |
| `primitive.color.788c5d-861d59b7` | color | `#788c5d` | 1212 |
| `primitive.color.87867f-160df821` | color | `#87867f` | 1228 |
| `primitive.color.a1a0a0-7f0c7b6c` | color | `#a1a0a0` | 2 |
| `primitive.color.b0aea5-7ec2c9ea` | color | `#b0aea5` | 1320 |
| `primitive.color.bcd1ca-d5ac8ada` | color | `#bcd1ca` | 1212 |
| `primitive.color.c46686-390ac6dc` | color | `#c46686` | 1212 |
| `primitive.color.c6613f-85e1ee3c` | color | `#c6613f` | 1214 |
| `primitive.color.cbcadb-d0ccdaae` | color | `#cbcadb` | 1212 |
| `primitive.color.d1cfc5-7704e20f` | color | `#d1cfc5` | 1212 |
| `primitive.color.d4a27f-0c027f51` | color | `#d4a27f` | 1212 |
| `primitive.color.d97757-db58350c` | color | `#d97757` | 1220 |
| `primitive.color.e3dacc-697e8283` | color | `#e3dacc` | 1215 |
| `primitive.color.e8e6dc-e700836b` | color | `#e8e6dc` | 1214 |
| `primitive.color.ebcece-4484c2f4` | color | `#ebcece` | 1212 |
| `primitive.color.ebdbbc-ff2760d8` | color | `#ebdbbc` | 1212 |
| `primitive.color.f0eee6-1e246bb0` | color | `#f0eee6` | 1234 |
| `primitive.color.faf9f5-700248a7` | color | `#faf9f5` | 1560 |
| `primitive.color.faf9f51a-ad1b7605` | color | `#faf9f51a` | 1218 |
| `primitive.color.faf9f533-e26d785c` | color | `#faf9f533` | 1216 |
| `primitive.color.ffffff-b2bfeeba` | color | `#ffffff` | 11 |
| `primitive.color.black-7844a419` | color | `black` | 1 |
| `primitive.color.currentcolor-b928a2d5` | color | `currentcolor` | 3 |
| `primitive.color.rgb-0-0-0-5413d58d` | color | `rgb(0, 0, 0)` | 1 |
| `primitive.color.rgb-0-130-243-35bd4061` | color | `rgb(0, 130, 243)` | 1 |
| `primitive.color.rgb-0-85-212-d886c52b` | color | `rgb(0, 85, 212)` | 1 |
| `primitive.color.rgb-0-0-0-45a068f9` | color | `rgb(0,0,0)` | 1 |
| `primitive.color.rgb-135-134-127-322e1065` | color | `rgb(135, 134, 127)` | 3 |
| `primitive.color.rgb-153-153-153-ef538a60` | color | `rgb(153, 153, 153)` | 1 |
| `primitive.color.rgb-170-173-176-c329fbfe` | color | `rgb(170, 173, 176)` | 1 |
| `primitive.color.rgb-198-97-63-d8fab6db` | color | `rgb(198, 97, 63)` | 1 |
| `primitive.color.rgb-20-110-245-126b276f` | color | `rgb(20, 110, 245)` | 1 |
| `primitive.color.rgb-20-20-19-b6fe268f` | color | `rgb(20, 20, 19)` | 1 |
| `primitive.color.rgb-200-200-200-10907d2f` | color | `rgb(200, 200, 200)` | 1 |
| `primitive.color.rgb-214-211-190-56f2308f` | color | `rgb(214, 211, 190)` | 1 |
| `primitive.color.rgb-217-119-87-01d37d77` | color | `rgb(217, 119, 87)` | 3 |
| `primitive.color.rgb-221-221-221-fd5c116b` | color | `rgb(221, 221, 221)` | 27 |
| `primitive.color.rgb-232-230-220-77eaa313` | color | `rgb(232, 230, 220)` | 1 |
| `primitive.color.rgb-234-56-76-105328e9` | color | `rgb(234, 56, 76)` | 1 |
| `primitive.color.rgb-237-106-94-02d742aa` | color | `rgb(237, 106, 94)` | 1 |
| `primitive.color.rgb-238-238-238-bf3f832f` | color | `rgb(238, 238, 238)` | 1 |
| `primitive.color.rgb-243-243-243-20504033` | color | `rgb(243, 243, 243)` | 1 |
| `primitive.color.rgb-244-191-79-7c15ebff` | color | `rgb(244, 191, 79)` | 1 |
| `primitive.color.rgb-245-227-199-87acdd14` | color | `rgb(245, 227, 199)` | 1 |
| `primitive.color.rgb-250-249-245-682d4704` | color | `rgb(250, 249, 245)` | 1 |
| `primitive.color.rgb-250-250-250-ad052f7b` | color | `rgb(250, 250, 250)` | 1 |
| `primitive.color.rgb-255-222-222-5d306dd8` | color | `rgb(255, 222, 222)` | 1 |
| `primitive.color.rgb-255-255-0-bc5f8d08` | color | `rgb(255, 255, 0)` | 1 |
| `primitive.color.rgb-255-255-255-592dc0e5` | color | `rgb(255, 255, 255)` | 1 |
| `primitive.color.rgb-255-255-255-rgba-255-255-255-0-rgba-255-255--8d3caa22` | color | `rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0)` | 1 |
| `primitive.color.rgb-31-30-29-410a2c10` | color | `rgb(31, 30, 29)` | 1 |
| `primitive.color.rgb-34-34-34-5b687f92` | color | `rgb(34, 34, 34)` | 1 |
| `primitive.color.rgb-51-51-51-594a5da4` | color | `rgb(51, 51, 51)` | 1 |
| `primitive.color.rgb-56-152-236-fc5e20bb` | color | `rgb(56, 152, 236)` | 1 |
| `primitive.color.rgb-61-61-58-1300d294` | color | `rgb(61, 61, 58)` | 1 |
| `primitive.color.rgb-93-108-123-rgba-117-134-150-0-rgba-117-134-1-f8401287` | color | `rgb(93, 108, 123) rgba(117, 134, 150, 0) rgba(117, 134, 150, 0)` | 1 |
| `primitive.color.rgb-94-93-89-236d9e4b` | color | `rgb(94, 93, 89)` | 1 |
| `primitive.color.rgb-97-197-84-8c27d5ac` | color | `rgb(97, 197, 84)` | 1 |
| `primitive.color.rgba-0-0-0-0-4-eb94b810` | color | `rgba(0, 0, 0, 0.4)` | 1 |
| `primitive.color.rgba-0-0-0-0-9-b5be2bf5` | color | `rgba(0, 0, 0, 0.9)` | 1 |
| `primitive.color.rgba-0-0-0-0-807e1e8b` | color | `rgba(0, 0, 0, 0)` | 183 |
| `primitive.color.rgba-0-0-0-0-rgba-0-0-0-0-rgb-255-255-255-c153c5c0` | color | `rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(255, 255, 255)` | 1 |
| `primitive.color.rgba-0-0-0-0-e99914c3` | color | `rgba(0,0,0,0)` | 1 |
| `primitive.color.rgba-117-134-150-0-rgb-93-108-123-rgba-117-134-1-d910ced2` | color | `rgba(117, 134, 150, 0) rgb(93, 108, 123) rgba(117, 134, 150, 0) rgba(117, 134, 150, 0)` | 1 |
| `primitive.color.rgba-138-138-138-0-5-612cac07` | color | `rgba(138, 138, 138, 0.5)` | 1 |
| `primitive.color.rgba-146-146-146-0-1-3cf0e404` | color | `rgba(146, 146, 146, 0.1)` | 1 |
| `primitive.color.rgba-200-200-200-0-324aaa9e` | color | `rgba(200, 200, 200, 0)` | 1 |
| `primitive.color.rgba-204-120-92-5-b821f759` | color | `rgba(204,120,92,.5)` | 2386 |
| `primitive.color.rgba-211-229-248-0-4-323301c9` | color | `rgba(211, 229, 248, 0.4)` | 1 |
| `primitive.color.rgba-232-230-220-0-59-1ef65a15` | color | `rgba(232,230,220,0.59)` | 1 |
| `primitive.color.rgba-232-230-220-0-8-4fc4066c` | color | `rgba(232,230,220,0.8)` | 1 |
| `primitive.color.rgba-250-249-240-0-3-6d8154a2` | color | `rgba(250, 249, 240, 0.3)` | 1 |
| `primitive.color.rgba-250-249-240-0-5-1347fdb8` | color | `rgba(250, 249, 240, 0.5)` | 1 |
| `primitive.color.rgba-255-255-255-0-4-99f11a6b` | color | `rgba(255, 255, 255, 0.4)` | 1 |
| `primitive.color.rgba-255-255-255-0-rgb-255-255-255-rgba-255-255--2daa373e` | color | `rgba(255, 255, 255, 0) rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0)` | 1 |
| `primitive.color.rgba-34-34-34-0-4-9974ecb5` | color | `rgba(34, 34, 34, 0.4)` | 1 |
| `primitive.color.transparent-5e8312d1` | color | `transparent` | 1260 |
| `primitive.color.white-cf8fbfef` | color | `white` | 1217 |
| `primitive.cubicBezier.ease-8a82b520` | cubicBezier | `ease` | 182 |
| `primitive.dimension.005em-6bb1ecb8` | dimension | `-.005em` | 1226 |
| `primitive.dimension.02em-012cd677` | dimension | `-.02em` | 1212 |
| `primitive.dimension.125rem-75ba0238` | dimension | `-.125rem` | 1212 |
| `primitive.dimension.0-0025em-c860972a` | dimension | `-0.0025em` | 5 |
| `primitive.dimension.0-02em-bf6c7a32` | dimension | `-0.02em` | 168 |
| `primitive.dimension.0-094rem-f937ac1a` | dimension | `-0.094rem` | 1 |
| `primitive.dimension.0-25em-60b32b67` | dimension | `-0.25em` | 1 |
| `primitive.dimension.0-5em-5feac35f` | dimension | `-0.5em` | 1 |
| `primitive.dimension.1-25rem-751e79d6` | dimension | `-1.25rem` | 2 |
| `primitive.dimension.100-e94a3246` | dimension | `-100%` | 1 |
| `primitive.dimension.10px-2b9eb76e` | dimension | `-10px` | 1 |
| `primitive.dimension.1px-0cced11d` | dimension | `-1px` | 1 |
| `primitive.dimension.1rem-21b704b5` | dimension | `-1rem` | 1 |
| `primitive.dimension.2-3rem-525adb9f` | dimension | `-2.3rem` | 1 |
| `primitive.dimension.20px-c4bd1d64` | dimension | `-20px` | 1 |
| `primitive.dimension.4px-9d959bd0` | dimension | `-4px` | 1 |
| `primitive.dimension.5px-a9182288` | dimension | `-5px` | 1 |
| `primitive.dimension.7vw-78ee86f0` | dimension | `-7vw` | 1 |
| `primitive.dimension.8px-7a5c9017` | dimension | `-8px` | 1 |
| `primitive.dimension.9px-1bd4ccab` | dimension | `-9px` | 1 |
| `primitive.dimension.0625rem-1ac6b6af` | dimension | `.0625rem` | 1225 |
| `primitive.dimension.125rem-9eebdddf` | dimension | `.125rem` | 2524 |
| `primitive.dimension.19em-bb2a377d` | dimension | `.19em` | 1212 |
| `primitive.dimension.25rem-bd9bfb61` | dimension | `.25rem` | 2530 |
| `primitive.dimension.27em-53f36c85` | dimension | `.27em` | 1226 |
| `primitive.dimension.33em-9839be7d` | dimension | `.33em` | 1212 |
| `primitive.dimension.34em-7cd47079` | dimension | `.34em` | 2560 |
| `primitive.dimension.375rem-e310c76b` | dimension | `.375rem` | 1212 |
| `primitive.dimension.3em-aeff4ba3` | dimension | `.3em` | 1212 |
| `primitive.dimension.44em-e28a395a` | dimension | `.44em` | 1226 |
| `primitive.dimension.48em-58c4fe6d` | dimension | `.48em` | 1212 |
| `primitive.dimension.4em-6f870fc8` | dimension | `.4em` | 2560 |
| `primitive.dimension.5rem-a7929217` | dimension | `.5rem` | 1534 |
| `primitive.dimension.75rem-eba4782c` | dimension | `.75rem` | 1274 |
| `primitive.dimension.875rem-df3a2b58` | dimension | `.875rem` | 1242 |
| `primitive.dimension.0-01666em-c876e958` | dimension | `0.01666em` | 1 |
| `primitive.dimension.0-1px-80d41aab` | dimension | `0.1px` | 1 |
| `primitive.dimension.0-25em-abbecd9b` | dimension | `0.25em` | 1 |
| `primitive.dimension.0-25rem-04536807` | dimension | `0.25rem` | 1 |
| `primitive.dimension.0-2em-56519c1e` | dimension | `0.2em` | 1 |
| `primitive.dimension.0-2rem-1d9239d9` | dimension | `0.2rem` | 1 |
| `primitive.dimension.0-3em-cd6a4686` | dimension | `0.3em` | 1 |
| `primitive.dimension.0-4rem-90138cf4` | dimension | `0.4rem` | 1213 |
| `primitive.dimension.0-5em-92f24e01` | dimension | `0.5em` | 1 |
| `primitive.dimension.0-5rem-d65e1592` | dimension | `0.5rem` | 7 |
| `primitive.dimension.0-6rem-55427ff0` | dimension | `0.6rem` | 1 |
| `primitive.dimension.0-75em-919c48f5` | dimension | `0.75em` | 1 |
| `primitive.dimension.0-75rem-0199f3f1` | dimension | `0.75rem` | 1393 |
| `primitive.dimension.0-8125rem-b255e6c8` | dimension | `0.8125rem` | 1 |
| `primitive.dimension.0-875rem-aaa079c4` | dimension | `0.875rem` | 37 |
| `primitive.dimension.0-9375rem-a4d50aa0` | dimension | `0.9375rem` | 24 |
| `primitive.dimension.0-9em-9ef74c80` | dimension | `0.9em` | 1 |
| `primitive.dimension.0-324409bd` | dimension | `0%` | 48 |
| `primitive.dimension.0em-805f38bb` | dimension | `0em` | 1371 |
| `primitive.dimension.0px-d27a327c` | dimension | `0px` | 6600 |
| `primitive.dimension.0rem-478913cf` | dimension | `0rem` | 1230 |
| `primitive.dimension.1-125rem-5e4f6cb4` | dimension | `1.125rem` | 1231 |
| `primitive.dimension.1-25em-5af12697` | dimension | `1.25em` | 24 |
| `primitive.dimension.1-25px-d2302f59` | dimension | `1.25px` | 1 |
| `primitive.dimension.1-25rem-4a9b1d3a` | dimension | `1.25rem` | 1222 |
| `primitive.dimension.1-2em-70178ea6` | dimension | `1.2em` | 1 |
| `primitive.dimension.1-3em-3453d8f3` | dimension | `1.3em` | 1 |
| `primitive.dimension.1-3rem-d6687d04` | dimension | `1.3rem` | 1 |
| `primitive.dimension.1-5em-0903d733` | dimension | `1.5em` | 1 |
| `primitive.dimension.1-5rem-83d7dd54` | dimension | `1.5rem` | 1296 |
| `primitive.dimension.1-75rem-10885409` | dimension | `1.75rem` | 1 |
| `primitive.dimension.1-f2b4b43b` | dimension | `1%` | 1 |
| `primitive.dimension.100-d0aea63b` | dimension | `100%` | 481 |
| `primitive.dimension.100px-bcc4128c` | dimension | `100px` | 1 |
| `primitive.dimension.100rem-cc7b5822` | dimension | `100rem` | 6 |
| `primitive.dimension.100vh-1afd5841` | dimension | `100vh` | 1 |
| `primitive.dimension.100vw-926e5e34` | dimension | `100vw` | 1213 |
| `primitive.dimension.10ch-75da48ef` | dimension | `10ch` | 1 |
| `primitive.dimension.10em-4ecc365c` | dimension | `10em` | 1 |
| `primitive.dimension.10px-e89f9bc6` | dimension | `10px` | 1 |
| `primitive.dimension.10rem-a1a75692` | dimension | `10rem` | 2424 |
| `primitive.dimension.10vh-342759cf` | dimension | `10vh` | 1 |
| `primitive.dimension.10vw-8edef5a9` | dimension | `10vw` | 1 |
| `primitive.dimension.11-25rem-52d4d3bc` | dimension | `11.25rem` | 1 |
| `primitive.dimension.110-ed5ac50c` | dimension | `110%` | 1 |
| `primitive.dimension.110px-240c1ac9` | dimension | `110px` | 1 |
| `primitive.dimension.110vh-d196565e` | dimension | `110vh` | 1 |
| `primitive.dimension.11ch-8a90f34d` | dimension | `11ch` | 1 |
| `primitive.dimension.11px-c33aca68` | dimension | `11px` | 1 |
| `primitive.dimension.11rem-37522dff` | dimension | `11rem` | 1 |
| `primitive.dimension.12ch-4632e780` | dimension | `12ch` | 1 |
| `primitive.dimension.12px-c10732f8` | dimension | `12px` | 16 |
| `primitive.dimension.12rem-6481b9d4` | dimension | `12rem` | 1212 |
| `primitive.dimension.13rem-9ff04d0c` | dimension | `13rem` | 1 |
| `primitive.dimension.14ch-d88bb757` | dimension | `14ch` | 1 |
| `primitive.dimension.14px-9261806a` | dimension | `14px` | 1 |
| `primitive.dimension.14rem-2535e1e7` | dimension | `14rem` | 1213 |
| `primitive.dimension.150px-2ea248c6` | dimension | `150px` | 1 |
| `primitive.dimension.15px-ed9f0bd5` | dimension | `15px` | 1 |
| `primitive.dimension.15rem-e23b8ef2` | dimension | `15rem` | 1 |
| `primitive.dimension.16-6667-1ee0b9db` | dimension | `16.6667%` | 1 |
| `primitive.dimension.160px-633da0e1` | dimension | `160px` | 1 |
| `primitive.dimension.166px-4ebaa236` | dimension | `166px` | 1 |
| `primitive.dimension.16ch-1bd01b1c` | dimension | `16ch` | 1 |
| `primitive.dimension.16px-fc2dda49` | dimension | `16px` | 39 |
| `primitive.dimension.16rem-dae6d5b7` | dimension | `16rem` | 1212 |
| `primitive.dimension.175px-8336bee4` | dimension | `175px` | 1 |
| `primitive.dimension.17ch-4640d8ff` | dimension | `17ch` | 1 |
| `primitive.dimension.17px-4c031ba4` | dimension | `17px` | 1 |
| `primitive.dimension.180px-d2497878` | dimension | `180px` | 1 |
| `primitive.dimension.18ch-79b6d48c` | dimension | `18ch` | 1 |
| `primitive.dimension.18px-b899a91a` | dimension | `18px` | 6 |
| `primitive.dimension.1em-4cf424fb` | dimension | `1em` | 1 |
| `primitive.dimension.1px-17e22582` | dimension | `1px` | 56 |
| `primitive.dimension.1rem-8b93ad89` | dimension | `1rem` | 1653 |
| `primitive.dimension.2-25rem-6dd24570` | dimension | `2.25rem` | 12 |
| `primitive.dimension.2-5rem-89afa20f` | dimension | `2.5rem` | 1212 |
| `primitive.dimension.2-6em-06f12f06` | dimension | `2.6em` | 1 |
| `primitive.dimension.2-75rem-aab6bdb4` | dimension | `2.75rem` | 1212 |
| `primitive.dimension.2-8125rem-0e51efa3` | dimension | `2.8125rem` | 1 |
| `primitive.dimension.2-2de9ff2e` | dimension | `2%` | 1 |
| `primitive.dimension.200px-b9a65949` | dimension | `200px` | 1 |
| `primitive.dimension.20ch-e2980989` | dimension | `20ch` | 1 |
| `primitive.dimension.20px-cd6dec07` | dimension | `20px` | 10 |
| `primitive.dimension.20rem-5be1558d` | dimension | `20rem` | 1 |
| `primitive.dimension.21-25rem-99fe7be7` | dimension | `21.25rem` | 1 |
| `primitive.dimension.22px-62eda76d` | dimension | `22px` | 1 |
| `primitive.dimension.22rem-d78fb941` | dimension | `22rem` | 1 |
| `primitive.dimension.24-a3521bf4` | dimension | `24%` | 1 |
| `primitive.dimension.240px-d7e9fab9` | dimension | `240px` | 1 |
| `primitive.dimension.24px-9c6c359a` | dimension | `24px` | 28 |
| `primitive.dimension.25-0d8c8e13` | dimension | `25%` | 1 |
| `primitive.dimension.250px-380c8413` | dimension | `250px` | 6 |
| `primitive.dimension.25ch-5b832ed0` | dimension | `25ch` | 1 |
| `primitive.dimension.25rem-6b8feb0a` | dimension | `25rem` | 1 |
| `primitive.dimension.26rem-459ae1e8` | dimension | `26rem` | 1 |
| `primitive.dimension.27px-466954bd` | dimension | `27px` | 1 |
| `primitive.dimension.28-0b3c501a` | dimension | `28%` | 1 |
| `primitive.dimension.28ch-31a48941` | dimension | `28ch` | 1 |
| `primitive.dimension.28px-b75e38bd` | dimension | `28px` | 1 |
| `primitive.dimension.29-3rem-766f4e5a` | dimension | `29.3rem` | 1 |
| `primitive.dimension.2em-ea400f2e` | dimension | `2em` | 1 |
| `primitive.dimension.2px-f2e68751` | dimension | `2px` | 1 |
| `primitive.dimension.2rem-37bc6ed4` | dimension | `2rem` | 3664 |
| `primitive.dimension.2vh-14836672` | dimension | `2vh` | 1 |
| `primitive.dimension.3-5rem-c6db8b85` | dimension | `3.5rem` | 1 |
| `primitive.dimension.3-75rem-0db4db3e` | dimension | `3.75rem` | 1 |
| `primitive.dimension.300px-16718904` | dimension | `300px` | 1 |
| `primitive.dimension.30ch-0a27a753` | dimension | `30ch` | 5 |
| `primitive.dimension.30px-6f88e7da` | dimension | `30px` | 1 |
| `primitive.dimension.30rem-39afb9e0` | dimension | `30rem` | 1 |
| `primitive.dimension.310px-e6d4fbee` | dimension | `310px` | 1 |
| `primitive.dimension.32px-da451a25` | dimension | `32px` | 5 |
| `primitive.dimension.33-3333-9cb6892f` | dimension | `33.3333%` | 1 |
| `primitive.dimension.33px-473e8d96` | dimension | `33px` | 1 |
| `primitive.dimension.350px-84e08146` | dimension | `350px` | 1 |
| `primitive.dimension.35ch-c74853cb` | dimension | `35ch` | 3 |
| `primitive.dimension.360px-32004a44` | dimension | `360px` | 1 |
| `primitive.dimension.36px-9eecb060` | dimension | `36px` | 3 |
| `primitive.dimension.36vw-5c8fd951` | dimension | `36vw` | 1 |
| `primitive.dimension.38px-9a566d0b` | dimension | `38px` | 1 |
| `primitive.dimension.3px-95671d48` | dimension | `3px` | 6 |
| `primitive.dimension.3rem-f4390736` | dimension | `3rem` | 2425 |
| `primitive.dimension.4-25rem-f071533d` | dimension | `4.25rem` | 1222 |
| `primitive.dimension.4-275rem-6829d6f1` | dimension | `4.275rem` | 1 |
| `primitive.dimension.4-375rem-85e3ff67` | dimension | `4.375rem` | 1 |
| `primitive.dimension.4-5em-54efbdc9` | dimension | `4.5em` | 1 |
| `primitive.dimension.4-5rem-0464e7b9` | dimension | `4.5rem` | 1212 |
| `primitive.dimension.40-a829fbcf` | dimension | `40%` | 1 |
| `primitive.dimension.400px-683059c2` | dimension | `400px` | 1 |
| `primitive.dimension.40ch-408208f3` | dimension | `40ch` | 1 |
| `primitive.dimension.40px-1b9bdd0d` | dimension | `40px` | 1 |
| `primitive.dimension.40rem-c20690c1` | dimension | `40rem` | 1 |
| `primitive.dimension.41-6667-23bc4c9d` | dimension | `41.6667%` | 1 |
| `primitive.dimension.41px-74a41e71` | dimension | `41px` | 1 |
| `primitive.dimension.44px-cb682f53` | dimension | `44px` | 1 |
| `primitive.dimension.45-b15c8804` | dimension | `45%` | 1 |
| `primitive.dimension.456px-5334ac40` | dimension | `456px` | 1 |
| `primitive.dimension.480px-7e15ad22` | dimension | `480px` | 1 |
| `primitive.dimension.48px-03fb10a1` | dimension | `48px` | 1 |
| `primitive.dimension.4em-0b13ca49` | dimension | `4em` | 1 |
| `primitive.dimension.4px-0c20cec7` | dimension | `4px` | 1 |
| `primitive.dimension.4rem-95f4d711` | dimension | `4rem` | 3636 |
| `primitive.dimension.5-5rem-ac3403df` | dimension | `5.5rem` | 1 |
| `primitive.dimension.5-59009556` | dimension | `5%` | 1 |
| `primitive.dimension.50-6c5f5772` | dimension | `50%` | 5 |
| `primitive.dimension.500px-81045e07` | dimension | `500px` | 3 |
| `primitive.dimension.50ch-1d19e463` | dimension | `50ch` | 1 |
| `primitive.dimension.533px-26d5e923` | dimension | `533px` | 1 |
| `primitive.dimension.56-25rem-a5817f4e` | dimension | `56.25rem` | 1 |
| `primitive.dimension.56px-562ae842` | dimension | `56px` | 3 |
| `primitive.dimension.58-3333-8da5dfd4` | dimension | `58.3333%` | 1 |
| `primitive.dimension.58-5cfce0dc` | dimension | `58%` | 1 |
| `primitive.dimension.5px-3e1101cd` | dimension | `5px` | 1 |
| `primitive.dimension.5rem-b8495d4e` | dimension | `5rem` | 1212 |
| `primitive.dimension.6-5rem-b39c6b9b` | dimension | `6.5rem` | 1 |
| `primitive.dimension.60-24ce60e6` | dimension | `60%` | 1 |
| `primitive.dimension.60ch-813f5f6c` | dimension | `60ch` | 1 |
| `primitive.dimension.60vw-9f40d17d` | dimension | `60vw` | 1 |
| `primitive.dimension.61px-95c1ad9f` | dimension | `61px` | 4 |
| `primitive.dimension.64px-caad1c07` | dimension | `64px` | 1 |
| `primitive.dimension.64vw-093ea3f3` | dimension | `64vw` | 1 |
| `primitive.dimension.66-6667-99e464f6` | dimension | `66.6667%` | 1 |
| `primitive.dimension.68-f5e4ab3e` | dimension | `68%` | 1 |
| `primitive.dimension.6px-7ce31f6c` | dimension | `6px` | 1 |
| `primitive.dimension.6rem-c54d075a` | dimension | `6rem` | 3642 |
| `primitive.dimension.7-5rem-dd724859` | dimension | `7.5rem` | 1 |
| `primitive.dimension.70-faa51bd5` | dimension | `70%` | 1 |
| `primitive.dimension.70ch-6204f992` | dimension | `70ch` | 1 |
| `primitive.dimension.71-c5c1b502` | dimension | `71%` | 1 |
| `primitive.dimension.728px-ee2377fe` | dimension | `728px` | 1 |
| `primitive.dimension.72px-dc717a62` | dimension | `72px` | 1 |
| `primitive.dimension.72vw-b0333eb8` | dimension | `72vw` | 1 |
| `primitive.dimension.75-ff95e6b0` | dimension | `75%` | 1 |
| `primitive.dimension.76px-a753bebf` | dimension | `76px` | 1 |
| `primitive.dimension.7em-d78d848c` | dimension | `7em` | 1 |
| `primitive.dimension.7px-b1f178ed` | dimension | `7px` | 1 |
| `primitive.dimension.7rem-eb59f504` | dimension | `7rem` | 1 |
| `primitive.dimension.7vw-c8fcf2e8` | dimension | `7vw` | 1 |
| `primitive.dimension.8-33333-c2448c68` | dimension | `8.33333%` | 1 |
| `primitive.dimension.8-5rem-be4d4aa0` | dimension | `8.5rem` | 1 |
| `primitive.dimension.80-aabb866a` | dimension | `80%` | 1 |
| `primitive.dimension.800px-774aeaec` | dimension | `800px` | 1 |
| `primitive.dimension.80ch-9ce15f7c` | dimension | `80ch` | 1 |
| `primitive.dimension.80px-2f743041` | dimension | `80px` | 1 |
| `primitive.dimension.80vw-40ab3955` | dimension | `80vw` | 1 |
| `primitive.dimension.82-3vw-d7653c6c` | dimension | `82.3vw` | 1 |
| `primitive.dimension.83-3333-129a81e7` | dimension | `83.3333%` | 1 |
| `primitive.dimension.84vh-abe4b646` | dimension | `84vh` | 1 |
| `primitive.dimension.86vh-5dae7675` | dimension | `86vh` | 1 |
| `primitive.dimension.89-2042-fde8fc13` | dimension | `89.2042%` | 2 |
| `primitive.dimension.89-5rem-126f519f` | dimension | `89.5rem` | 1255 |
| `primitive.dimension.8px-a56992ad` | dimension | `8px` | 21 |
| `primitive.dimension.8rem-9161fdb5` | dimension | `8rem` | 1 |
| `primitive.dimension.8vw-2312d7f9` | dimension | `8vw` | 1 |
| `primitive.dimension.9-5rem-edc96bb1` | dimension | `9.5rem` | 1 |
| `primitive.dimension.91-6667-5e53c723` | dimension | `91.6667%` | 1 |
| `primitive.dimension.940px-3ff335c0` | dimension | `940px` | 1 |
| `primitive.dimension.96vh-88da3bcd` | dimension | `96vh` | 1 |
| `primitive.dimension.96vw-48db57f1` | dimension | `96vw` | 1 |
| `primitive.dimension.9px-61768cc6` | dimension | `9px` | 1 |
| `primitive.dimension.9rem-980cf1f2` | dimension | `9rem` | 2 |
| `primitive.duration.0-2s-49d8698d` | duration | `0.2s` | 182 |
| `primitive.duration.0-4s-5ba45be7` | duration | `0.4s` | 1 |
| `primitive.duration.0ms-a0bc1d17` | duration | `0ms` | 1212 |
| `primitive.duration.200ms-9d4bc0fc` | duration | `200ms` | 2424 |
| `primitive.duration.400ms-59ee4cd3` | duration | `400ms` | 2424 |
| `primitive.fontFamily.anthropic-mono-arial-sans-serif-04200c40` | fontFamily | `"Anthropic Mono",Arial,sans-serif` | 6 |
| `primitive.fontFamily.anthropic-sans-arial-sans-serif-7b140e59` | fontFamily | `"Anthropic Sans",Arial,sans-serif` | 144 |
| `primitive.fontFamily.anthropic-serif-georgia-sans-serif-12f6444c` | fontFamily | `"Anthropic Serif",Georgia,sans-serif` | 27 |
| `primitive.fontFamily.helvetica-neue-helvetica-ubuntu-segoe-ui-verdana-e184d39c` | fontFamily | `"Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif` | 1 |
| `primitive.fontFamily.anthropic-mono-c561cb46` | fontFamily | `Anthropic Mono` | 1 |
| `primitive.fontFamily.anthropic-sans-2529ed09` | fontFamily | `Anthropic Sans` | 1 |
| `primitive.fontFamily.anthropic-serif-63643bf5` | fontFamily | `Anthropic Serif` | 1 |
| `primitive.fontFamily.arial-sans-serif-3e0fb8a9` | fontFamily | `Arial, sans-serif` | 1 |
| `primitive.fontFamily.inherit-9f6a0867` | fontFamily | `inherit` | 33 |
| `primitive.fontFamily.jetbrains-mono-f8608bc3` | fontFamily | `Jetbrains Mono` | 1 |
| `primitive.fontFamily.monospace-71b35862` | fontFamily | `monospace` | 1 |
| `primitive.fontFamily.sans-serif-d45e66db` | fontFamily | `sans-serif` | 6 |
| `primitive.fontFamily.serif-d580f615` | fontFamily | `serif` | 1 |
| `primitive.fontFamily.tiempos-text-63dcb5b5` | fontFamily | `Tiempos Text` | 1 |
| `primitive.fontFamily.unset-a703a2af` | fontFamily | `unset` | 1 |
| `primitive.fontFamily.var-text-style-font-family-e1106895` | fontFamily | `var(--_text-style---font-family)` | 937 |
| `primitive.fontFamily.var-typography-font-detail-e608c6f0` | fontFamily | `var(--_typography---font--detail)` | 173 |
| `primitive.fontFamily.var-typography-font-display-sans-d86e9a58` | fontFamily | `var(--_typography---font--display-sans)` | 20 |
| `primitive.fontFamily.var-typography-font-display-serif-family-anthrop-ea292e27` | fontFamily | `var(--_typography---font--display-serif-family, 'Anthropic Serif'), Georgia, serif` | 10 |
| `primitive.fontFamily.var-typography-font-display-serif-family-2d7eae64` | fontFamily | `var(--_typography---font--display-serif-family)` | 27 |
| `primitive.fontFamily.var-typography-font-mono-33f05791` | fontFamily | `var(--_typography---font--mono)` | 6 |
| `primitive.fontFamily.var-typography-font-paragraph-text-81a94530` | fontFamily | `var(--_typography---font--paragraph-text)` | 1 |
| `primitive.fontFamily.webflow-icons-0f6ae2bd` | fontFamily | `webflow-icons` | 1 |
| `primitive.fontWeight.300-254ab274` | fontWeight | `300` | 1 |
| `primitive.fontWeight.300-800-89513c41` | fontWeight | `300 800` | 1 |
| `primitive.fontWeight.400-d79c2042` | fontWeight | `400` | 128 |
| `primitive.fontWeight.500-9180572a` | fontWeight | `500` | 38 |
| `primitive.fontWeight.600-1d6dd02d` | fontWeight | `600` | 19 |
| `primitive.fontWeight.700-5ba7ebf7` | fontWeight | `700` | 2 |
| `primitive.fontWeight.inherit-88867c20` | fontWeight | `inherit` | 16 |
| `primitive.fontWeight.unset-c3d57801` | fontWeight | `unset` | 1 |
| `primitive.fontWeight.var-text-style-font-weight-107fedd8` | fontWeight | `var(--_text-style---font-weight)` | 1095 |
| `primitive.fontWeight.var-text-style-line-height-050bef23` | fontWeight | `var(--_text-style---line-height)` | 1 |
| `primitive.fontWeight.var-typography-font-detail-medium-e2d45803` | fontWeight | `var(--_typography---font--detail-medium)` | 23 |
| `primitive.fontWeight.var-typography-font-detail-regular-097b1a2b` | fontWeight | `var(--_typography---font--detail-regular)` | 5 |
| `primitive.fontWeight.var-typography-font-display-sans-bold-85c5ae80` | fontWeight | `var(--_typography---font--display-sans-bold)` | 1 |
| `primitive.fontWeight.var-typography-font-display-sans-medium-163de8de` | fontWeight | `var(--_typography---font--display-sans-medium)` | 30 |
| `primitive.fontWeight.var-typography-font-display-sans-semibold-00df9ca1` | fontWeight | `var(--_typography---font--display-sans-semibold)` | 12 |
| `primitive.fontWeight.var-typography-font-display-serif-regular-9541866d` | fontWeight | `var(--_typography---font--display-serif-regular)` | 1 |
| `primitive.fontWeight.var-typography-font-display-serif-semibold-ebd0d992` | fontWeight | `var(--_typography---font--display-serif-semibold)` | 4 |
| `primitive.fontWeight.var-typography-font-mono-medium-16ab4022` | fontWeight | `var(--_typography---font--mono-medium)` | 1 |
| `primitive.fontWeight.var-typography-font-paragraph-medium-76005acf` | fontWeight | `var(--_typography---font--paragraph-medium)` | 1 |
| `primitive.fontWeight.var-typography-font-paragraph-regular-db58c9a3` | fontWeight | `var(--_typography---font--paragraph-regular)` | 1 |
| `primitive.fontWeight.var-typography-line-height-1-4-476797dd` | fontWeight | `var(--_typography---line-height--1-4)` | 1 |
| `primitive.number.0-d94a5252` | number | `0` | 99 |
| `primitive.number.0-85-3939f145` | number | `0.85` | 1 |
| `primitive.number.1-5a3b3945` | number | `1` | 1324 |
| `primitive.number.1-05-aa4fa5b7` | number | `1.05` | 1212 |
| `primitive.number.1-1-9847f8fc` | number | `1.1` | 1216 |
| `primitive.number.1-125-431278d1` | number | `1.125` | 1 |
| `primitive.number.1-2-dd0da75b` | number | `1.2` | 1 |
| `primitive.number.1-3-5e983dc8` | number | `1.3` | 1253 |
| `primitive.number.1-4-8396971b` | number | `1.4` | 1331 |
| `primitive.number.1-42857-f9e5f218` | number | `1.42857` | 1 |
| `primitive.number.1-5-f083fd98` | number | `1.5` | 1212 |
| `primitive.number.12-f9db6d2d` | number | `12` | 1218 |
| `primitive.number.400-66269626` | number | `400` | 4960 |
| `primitive.number.45-0a0dace3` | number | `45` | 1212 |
| `primitive.number.500-70af73c1` | number | `500` | 4848 |
| `primitive.number.600-24d08cfe` | number | `600` | 2429 |
| `primitive.number.700-6f7b06a5` | number | `700` | 1215 |
| `primitive.shadow.rgb-255-255-255-0px-0px-0px-2px-f1b4fe57` | shadow | `rgb(255, 255, 255) 0px 0px 0px 2px` | 1 |
| `primitive.shadow.rgb-56-152-236-0px-0px-3px-1px-ac9103c3` | shadow | `rgb(56, 152, 236) 0px 0px 3px 1px` | 1 |
| `primitive.shadow.rgba-0-0-0-0-01-0px-2px-2px-rgba-0-0-0-0-02-0px--2d906a97` | shadow | `rgba(0, 0, 0, 0.01) 0px 2px 2px, rgba(0, 0, 0, 0.02) 0px 4px 4px, rgba(0, 0, 0, 0.04) 0px 16px 24px` | 3 |
| `primitive.shadow.rgba-0-0-0-0-02-0px-4px-3px-rgba-0-0-0-0-03-0px--5cc2b2d7` | shadow | `rgba(0, 0, 0, 0.02) 0px 4px 3px, rgba(0, 0, 0, 0.03) 0px 10px 8px, rgba(0, 0, 0, 0.04) 0px 19px 15px, rgba(0, 0, 0, 0.04) 0px 34px 27px, rgba(0, 0, 0, 0.05) 0px 63px 50px, rgba(0, 0, 0, 0.07) 0px 150px 120px` | 1 |
| `primitive.shadow.rgba-0-0-0-0-1-0px-0px-0px-1px-rgba-0-0-0-0-1-0p-dea928cf` | shadow | `rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 1px 3px` | 1 |
| `primitive.shadow.rgba-0-0-0-0-1-0px-1px-6px-a69998ee` | shadow | `rgba(0, 0, 0, 0.1) 0px 1px 6px` | 1 |
| `primitive.shadow.rgba-0-0-0-0-0px-0px-rgba-0-0-0-0-0px-0px-rgba-0-b7a58fe8` | shadow | `rgba(0, 0, 0, 0) 0px 0px, rgba(0, 0, 0, 0) 0px 0px, rgba(0, 0, 0, 0) 0px 0px` | 1 |
| `primitive.shadow.rgba-51-51-51-0-4-0px-0px-3px-5aee6ac3` | shadow | `rgba(51, 51, 51, 0.4) 0px 0px 3px` | 1 |
| `primitive.shadow.rgba-8-8-8-0-08-0px-1px-1px-rgba-8-8-8-0-2-0px-1-c5961bcc` | shadow | `rgba(8, 8, 8, 0.08) 0px 1px 1px, rgba(8, 8, 8, 0.2) 0px 1px 1px, rgba(255, 255, 255, 0.12) 0px 6px 12px inset, rgba(255, 255, 255, 0.2) 0px 1px 1px inset` | 1 |
| `primitive.shadow.rgba-8-8-8-0-08-0px-4px-4px-rgba-8-8-8-0-2-0px-1-ef0483ba` | shadow | `rgba(8, 8, 8, 0.08) 0px 4px 4px, rgba(8, 8, 8, 0.2) 0px 1px 2px, rgba(255, 255, 255, 0.12) 0px 6px 12px inset, rgba(255, 255, 255, 0.2) 0px 1px 1px inset` | 1 |
| `primitive.shadow.unset-6de200db` | shadow | `unset` | 1 |
## Component recipes
### a
Target: `a`. 13 base declarations and 3 conditional variants.
### animate-space
Target: `.animate-space`. 2 base declarations and 0 conditional variants.
### animate-word
Target: `.animate-word`. 6 base declarations and 1 conditional variants.
### article-list-item
Target: `.article-list-item`. 22 base declarations and 0 conditional variants.
### big-cta_container
Target: `.big-cta_container`. 15 base declarations and 2 conditional variants.
### big-cta_scroll-bg
Target: `.big-cta_scroll-bg`. 13 base declarations and 0 conditional variants.
### big-cta_subtitle
Target: `.big-cta_subtitle`. 8 base declarations and 1 conditional variants.
### big-cta_subtitle-wrap
Target: `.big-cta_subtitle-wrap`. 6 base declarations and 2 conditional variants.
### big-cta_title
Target: `.big-cta_title`. 19 base declarations and 2 conditional variants.
### big-cta-asset_wrap
Target: `.big-cta-asset_wrap`. 8 base declarations and 4 conditional variants.
### big-cta-content_wrap
Target: `.big-cta-content_wrap`. 3 base declarations and 1 conditional variants.
### btn_dropdown_icon_wrap
Target: `.btn_dropdown_icon_wrap`. 7 base declarations and 0 conditional variants.
### btn_dropdown_link_wrap
Target: `.btn_dropdown_link_wrap`. 31 base declarations and 3 conditional variants.
### btn_main_text
Target: `.btn_main_text`. 4 base declarations and 0 conditional variants.
### btn_main_wrap
Target: `.btn_main_wrap`. 26 base declarations and 4 conditional variants.
### button
Target: `button`. 14 base declarations and 1 conditional variants.
### cc-desktop
Target: `.footer_bottom_contain.cc-desktop`. 0 base declarations and 1 conditional variants.
### cc-tablet
Target: `.footer_bottom_contain.cc-tablet`. 1 base declarations and 1 conditional variants.
### code-embed
Target: `.code-embed`. 1 base declarations and 0 conditional variants.
### dialog
Target: `dialog#consent-container`. 6 base declarations and 1 conditional variants.
### duraldar-cta_section
Target: `.duraldar-cta_section`. 4 base declarations and 0 conditional variants.
### footer
Target: `footer`. 2 base declarations and 0 conditional variants.
### footer_bottom_contain
Target: `.footer_bottom_contain`. 7 base declarations and 1 conditional variants.
### footer_bottom_item
Target: `.footer_bottom_item`. 1 base declarations and 0 conditional variants.
### footer_bottom_link_wrap
Target: `.footer_bottom_link_wrap`. 2 base declarations and 1 conditional variants.
### footer_bottom_list
Target: `.footer_bottom_list`. 6 base declarations and 0 conditional variants.
### footer_bottom_text
Target: `.footer_bottom_text`. 2 base declarations and 0 conditional variants.
### footer_contain
Target: `.footer_contain`. 2 base declarations and 0 conditional variants.
### footer_grid
Target: `.footer_grid`. 9 base declarations and 1 conditional variants.
### footer_grid_content
Target: `.footer_grid_content`. 10 base declarations and 2 conditional variants.
### footer_grid_logo
Target: `.footer_grid_logo`. 4 base declarations and 1 conditional variants.
### footer_group_block
Target: `.footer_group_block`. 0 base declarations and 1 conditional variants.
### footer_group_item
Target: `.footer_group_item`. 3 base declarations and 0 conditional variants.
### footer_group_list
Target: `.footer_group_list`. 4 base declarations and 0 conditional variants.
### footer_group_title
Target: `.footer_group_title`. 2 base declarations and 0 conditional variants.
### footer_group_wrap
Target: `.footer_group_wrap`. 5 base declarations and 2 conditional variants.
### footer_link_text
Target: `.footer_link_text`. 13 base declarations and 1 conditional variants.
### footer_link_wrap
Target: `.footer_link_wrap`. 2 base declarations and 1 conditional variants.
### footer_wrap
Target: `.footer_wrap`. 15 base declarations and 0 conditional variants.
### g_clickable_btn
Target: `.g_clickable_btn`. 6 base declarations and 0 conditional variants.
### g_clickable_link
Target: `.g_clickable_link`. 7 base declarations and 0 conditional variants.
### g_clickable_wrap
Target: `.g_clickable_wrap`. 7 base declarations and 0 conditional variants.
### g_section_space
Target: `.g_section_space`. 1 base declarations and 0 conditional variants.
### g_section_wrap
Target: `.g_section_wrap`. 3 base declarations and 0 conditional variants.
### g_svg
Target: `.g_svg`. 4 base declarations and 0 conditional variants.
### h1
Target: `h1`. 18 base declarations and 0 conditional variants.
### h2
Target: `h2`. 15 base declarations and 0 conditional variants.
### h3
Target: `h3`. 15 base declarations and 0 conditional variants.
### h6
Target: `h6`. 15 base declarations and 0 conditional variants.
### header
Target: `header`. 2 base declarations and 0 conditional variants.
### hero_wrap
Target: `.hero_wrap`. 35 base declarations and 0 conditional variants.
### home_hero_bump
Target: `.home_hero_bump`. 1 base declarations and 0 conditional variants.
### icon-embed-xsmall
Target: `.icon-embed-xsmall`. 6 base declarations and 0 conditional variants.
### input
Target: `html input[disabled]`. 7 base declarations and 0 conditional variants.
### is-btn-dropdown
Target: `.nav_links_link.is-btn-dropdown`. 4 base declarations and 0 conditional variants.
### is-child-stretch
Target: `.package_banner_left.is-child-stretch`. 1 base declarations and 0 conditional variants.
### is-combo
Target: `.btn_main_wrap.is-combo`. 5 base declarations and 0 conditional variants.
### is-desktop
Target: `.nav_actions_wrap.is-desktop`. 72 base declarations and 4 conditional variants.
### is-kt3
Target: `.big-cta-asset_wrap.is-kt3`. 69 base declarations and 4 conditional variants.
### is-last
Target: `.nav_btn_line.is-last`. 2 base declarations and 0 conditional variants.
### is-mobile
Target: `.nav_wrap.is-mobile`. 0 base declarations and 1 conditional variants.
### is-nav
Target: `.btn_main_wrap.is-nav`. 2 base declarations and 1 conditional variants.
### is-pad-m
Target: `.package_banner.is-pad-m`. 1 base declarations and 0 conditional variants.
### ktve-hub-title
Target: `.ktve-hub-title`. 5 base declarations and 0 conditional variants.
### ktve-net
Target: `.ktve-net`. 5 base declarations and 0 conditional variants.
### ktve-stage
Target: `.ktve-stage`. 5 base declarations and 1 conditional variants.
### label
Target: `label`. 12 base declarations and 0 conditional variants.
### nav
Target: `nav`. 1 base declarations and 0 conditional variants.
### nav_actions_wrap
Target: `.nav_actions_wrap`. 11 base declarations and 2 conditional variants.
### nav_btn_combo_wrap
Target: `.nav_btn_combo_wrap`. 5 base declarations and 1 conditional variants.
### nav_btn_layout
Target: `.nav_btn_layout`. 8 base declarations and 0 conditional variants.
### nav_btn_line
Target: `.nav_btn_line`. 10 base declarations and 1 conditional variants.
### nav_btn_wrap
Target: `.nav_btn_wrap`. 7 base declarations and 1 conditional variants.
### nav_buttons_item
Target: `.nav_buttons_item`. 12 base declarations and 2 conditional variants.
### nav_component
Target: `.nav_component`. 5 base declarations and 1 conditional variants.
### nav_contain
Target: `.nav_contain`. 10 base declarations and 3 conditional variants.
### nav_desktop_layout
Target: `.nav_desktop_layout`. 3 base declarations and 0 conditional variants.
### nav_dropdown_component
Target: `.nav_dropdown_component`. 5 base declarations and 1 conditional variants.
### nav_dropdown_item
Target: `.nav_dropdown_item`. 2 base declarations and 0 conditional variants.
### nav_dropdown_link
Target: `.nav_dropdown_link`. 16 base declarations and 0 conditional variants.
### nav_dropdown_link_block
Target: `.nav_dropdown_link_block`. 3 base declarations and 0 conditional variants.
### nav_dropdown_list
Target: `.nav_dropdown_list`. 1 base declarations and 0 conditional variants.
### nav_dropdown_main_content
Target: `.nav_dropdown_main_content`. 10 base declarations and 0 conditional variants.
### nav_dropdown_main_scroll
Target: `.nav_dropdown_main_scroll`. 4 base declarations and 1 conditional variants.
### nav_dropdown_main_wrap
Target: `.nav_dropdown_main_wrap`. 3 base declarations and 0 conditional variants.
### nav_dropdown_text
Target: `.nav_dropdown_text`. 1 base declarations and 0 conditional variants.
### nav_linkout_icon
Target: `.nav_dropdown_link:hover .nav_linkout_icon`. 4 base declarations and 1 conditional variants.
### nav_links_component
Target: `.nav_links_component`. 8 base declarations and 1 conditional variants.
### nav_links_item
Target: `.nav_links_item`. 3 base declarations and 1 conditional variants.
### nav_links_link
Target: `.nav_links_link`. 12 base declarations and 2 conditional variants.
### nav_links_locales_hide
Target: `.nav_links_locales_hide`. 1 base declarations and 0 conditional variants.
### nav_links_svg
Target: `.nav_links_svg`. 8 base declarations and 0 conditional variants.
### nav_links_text
Target: `.nav_links_text`. 3 base declarations and 2 conditional variants.
### nav_links_wrap
Target: `.nav_links_wrap`. 2 base declarations and 1 conditional variants.
### nav_logo_lottie
Target: `.nav_logo_lottie`. 2 base declarations and 0 conditional variants.
### nav_logo_trigger
Target: `.nav_logo_trigger`. 2 base declarations and 0 conditional variants.
### nav_logo_wrap
Target: `.nav_logo_wrap`. 7 base declarations and 0 conditional variants.
### nav_menu_contain
Target: `.nav_menu_contain`. 6 base declarations and 1 conditional variants.
### nav_menu_scroll
Target: `.nav_menu_scroll`. 8 base declarations and 2 conditional variants.
### nav_menu_wrap
Target: `.nav_menu_wrap`. 6 base declarations and 3 conditional variants.
### nav_skip_wrap
Target: `.nav_skip_wrap`. 30 base declarations and 1 conditional variants.
### nav_wrap
Target: `.nav_wrap`. 3 base declarations and 0 conditional variants.
### p
Target: `p`. 12 base declarations and 0 conditional variants.
### package_banner
Target: `.package_banner`. 10 base declarations and 3 conditional variants.
### package_banner_left
Target: `.package_banner_left`. 7 base declarations and 0 conditional variants.
### package_banner_list
Target: `.package_banner_list`. 1 base declarations and 0 conditional variants.
### package_banner_list_item
Target: `.package_banner_list_item`. 9 base declarations and 0 conditional variants.
### page_code_wrap
Target: `.page_code_wrap`. 2 base declarations and 0 conditional variants.
### page_wrap
Target: `.page_wrap`. 4 base declarations and 0 conditional variants.
### span
Target: `dialog button span`. 1 base declarations and 1 conditional variants.
### svg
Target: `svg`. 2 base declarations and 0 conditional variants.
### toggle_slider
Target: `.toggle_slider`. 15 base declarations and 2 conditional variants.
### toggle_switch
Target: `.toggle_switch`. 7 base declarations and 0 conditional variants.
### u-bg-ivory-medium
Target: `.u-bg-ivory-medium`. 1 base declarations and 0 conditional variants.
### u-color-faded
Target: `.u-color-faded`. 1 base declarations and 0 conditional variants.
### u-column-4
Target: `.u-column-4`. 1 base declarations and 0 conditional variants.
### u-column-5
Target: `.u-column-5`. 1 base declarations and 0 conditional variants.
### u-column-7
Target: `.u-column-7`. 1 base declarations and 0 conditional variants.
### u-column-8
Target: `.u-column-8`. 1 base declarations and 0 conditional variants.
### u-container
Target: `.nav_contain.u-container`. 5 base declarations and 1 conditional variants.
### u-container-full
Target: `.nav_menu_contain.u-container-full`. 6 base declarations and 0 conditional variants.
### u-cover-absolute
Target: `.u-cover-absolute`. 4 base declarations and 0 conditional variants.
### u-detail-m
Target: `.u-detail-m`. 18 base declarations and 0 conditional variants.
### u-detail-s
Target: `.u-detail-s`. 18 base declarations and 0 conditional variants.
### u-display-none
Target: `.nav_links_item.u-display-none`. 2 base declarations and 0 conditional variants.
### u-display-s
Target: `.u-display-s`. 19 base declarations and 0 conditional variants.
### u-display-xl
Target: `.u-display-xl`. 18 base declarations and 0 conditional variants.
### u-display-xs
Target: `.u-display-xs`. 18 base declarations and 0 conditional variants.
### u-embed-css
Target: `.u-embed-css`. 1 base declarations and 0 conditional variants.
### u-embed-js
Target: `.u-embed-js`. 1 base declarations and 0 conditional variants.
### u-font-display-sans
Target: `.u-font-display-sans`. 1 base declarations and 0 conditional variants.
### u-font-mono
Target: `.u-font-mono`. 1 base declarations and 0 conditional variants.
### u-gap-m
Target: `.u-gap-m`. 2 base declarations and 0 conditional variants.
### u-gap-s
Target: `.u-gap-s`. 2 base declarations and 2 conditional variants.
### u-grid-desktop
Target: `.u-grid-desktop`. 6 base declarations and 1 conditional variants.
### u-grid-tablet
Target: `.home_hero_grid.u-grid-tablet`. 7 base declarations and 1 conditional variants.
### u-hflex-between-center
Target: `.u-hflex-between-center`. 4 base declarations and 0 conditional variants.
### u-hide-if-empty
Target: `.u-hide-if-empty:empty`. 1 base declarations and 0 conditional variants.
### u-icon-16
Target: `.u-icon-16`. 2 base declarations and 0 conditional variants.
### u-icon-24
Target: `.u-icon-24`. 5 base declarations and 0 conditional variants.
### u-max-width-20ch
Target: `.u-max-width-20ch`. 1 base declarations and 0 conditional variants.
### u-max-width-30ch
Target: `.u-max-width-30ch`. 1 base declarations and 0 conditional variants.
### u-max-width-40ch
Target: `.u-max-width-40ch`. 1 base declarations and 0 conditional variants.
### u-mb-0
Target: `.u-mb-0`. 1 base declarations and 0 conditional variants.
### u-mb-4
Target: `.u-mb-4`. 1 base declarations and 0 conditional variants.
### u-mb-6
Target: `.u-mb-6`. 1 base declarations and 0 conditional variants.
### u-mb-text
Target: `.u-mb-text`. 1 base declarations and 0 conditional variants.
### u-paragraph-l
Target: `.u-paragraph-l`. 18 base declarations and 0 conditional variants.
### u-paragraph-s
Target: `.u-paragraph-s`. 18 base declarations and 0 conditional variants.
### u-paragraph-xs
Target: `.package_banner_list_item.u-paragraph-xs`. 9 base declarations and 0 conditional variants.
### u-position-relative
Target: `.nav_dropdown_component.u-position-relative`. 4 base declarations and 0 conditional variants.
### u-radius-medium
Target: `.u-radius-medium`. 1 base declarations and 0 conditional variants.
### u-sr-only
Target: `.u-sr-only`. 11 base declarations and 0 conditional variants.
### u-text-transform-uppercase
Target: `.u-text-transform-uppercase`. 1 base declarations and 0 conditional variants.
### u-text-trim-off
Target: `:is([class*="u-text-style-"],h1,h2,h3,h4,h5,h6,p):not(.w-richtext,.u-text-trim-off)::after`. 6 base declarations and 0 conditional variants.
### u-theme-dark
Target: `.u-theme-dark`. 33 base declarations and 0 conditional variants.
### u-vflex-stretch-top
Target: `.u-vflex-stretch-top`. 4 base declarations and 0 conditional variants.
### u-weight-medium
Target: `.u-detail-s.u-weight-medium`. 2 base declarations and 0 conditional variants.
### u-width-full
Target: `.u-width-full`. 1 base declarations and 0 conditional variants.
### ul
Target: `ul`. 6 base declarations and 0 conditional variants.
### w-condition-invisible
Target: `.u-hide-if-empty:not(:has(> :not(.w-condition-invisible)))`. 1 base declarations and 0 conditional variants.
### w-dropdown
Target: `.w-dropdown`. 6 base declarations and 0 conditional variants.
### w-dropdown-list
Target: `.w-dropdown-list`. 11 base declarations and 0 conditional variants.
### w-dropdown-toggle
Target: `.w-dropdown-toggle`. 13 base declarations and 1 conditional variants.
### w-embed
Target: `.w-embed::after`. 4 base declarations and 0 conditional variants.
### w-inline-block
Target: `.w-inline-block`. 2 base declarations and 0 conditional variants.
### w-list-unstyled
Target: `.w-list-unstyled`. 2 base declarations and 0 conditional variants.
### w-nav
Target: `.w-nav`. 7 base declarations and 0 conditional variants.
### w-nav-button
Target: `.w-nav-button`. 9 base declarations and 1 conditional variants.
### w-nav-menu
Target: `.nav_component:has(.w-nav-button:not(.w--open)) .w-nav-menu`. 4 base declarations and 0 conditional variants.
### w-nav-overlay
Target: `.nav_component .w-nav-overlay`. 9 base declarations and 0 conditional variants.
### w-richtext
Target: `.w-richtext::after`. 4 base declarations and 0 conditional variants.
### w-variant-09ef868d-ec23-1553-cf01-d5a31bc64ebd
Target: `.article-list-item.u-detail-m:where(.w-variant-09ef868d-ec23-1553-cf01-d5a31bc64ebd)`. 8 base declarations and 2 conditional variants.
### w-variant-22a04919-4474-8c3a-f39a-0c121f08ddb0
Target: `.btn_main_wrap:where(.w-variant-22a04919-4474-8c3a-f39a-0c121f08ddb0)`. 9 base declarations and 1 conditional variants.
### w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490
Target: `.g_section_space:where(.w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490)`. 1 base declarations and 0 conditional variants.
### w-variant-a4963f55-d907-0301-299c-9bb3d537575f
Target: `.g_background:where(.w-variant-a4963f55-d907-0301-299c-9bb3d537575f)`. 1 base declarations and 0 conditional variants.
### w-variant-bcaa6cc7-fd9c-df6e-98a1-ccc1b40d7604
Target: `.nav_menu_contain:where(.w-variant-bcaa6cc7-fd9c-df6e-98a1-ccc1b40d7604)`. 2 base declarations and 0 conditional variants.
### w-variant-c370121c-4703-26a2-b763-05e4aedcfa0f
Target: `.btn_main_wrap:where(.w-variant-c370121c-4703-26a2-b763-05e4aedcfa0f)`. 6 base declarations and 0 conditional variants.
### w-variant-d422cbd0-f212-c815-68df-63414354c21d
Target: `.g_section_space:where(.w-variant-d422cbd0-f212-c815-68df-63414354c21d)`. 1 base declarations and 0 conditional variants.
### w-variant-f1d60206-ffb1-00d2-d5a6-33c49b9a54ab
Target: `.g_section_space:where(.w-variant-f1d60206-ffb1-00d2-d5a6-33c49b9a54ab)`. 1 base declarations and 0 conditional variants.
### wf-design-mode
Target: `html.w-mod-js:not(.wf-design-mode) [data-scroll='section'] [data-scroll='button']`. 0 base declarations and 1 conditional variants.
### word-animation-processed
Target: `.word-animation-processed`. 1 base declarations and 0 conditional variants.
## Licensing evidence
Fonts and assets remain license-unknown unless a separate license source is verified. They are not embedded in this token projection.
Tailwind v4
/* Generated token projection. */
@theme {
--spacing-scale-3xs: 1rem;
--spacing-scale-2xs: 1.25rem;
--spacing-scale-xs: 1.5rem;
--spacing-scale-sm: 2rem;
--spacing-scale-md: 3rem;
--spacing-scale-lg: 4rem;
--spacing-scale-xl: 6rem;
--spacing-scale-2xl: 10rem;
--text-scale-xs: 0.75rem;
--text-scale-sm: 1rem;
--text-scale-md: 1.125rem;
--text-scale-lg: 1.5rem;
--text-scale-xl: 2rem;
--radius-scale-xs: 8px;
--radius-scale-sm: 0.75rem;
--radius-scale-md: 1rem;
--radius-scale-lg: 1.5rem;
--radius-scale-xl: 2rem;
--border-width-scale-sm: 1px;
--border-width-scale-lg: 3px;
--duration-scale-fast: 200ms;
--duration-scale-slow: 400ms;
}
:root {
--ca-action-background: #d97757;
--ca-action-foreground: #ffffff;
--ca-border-default: #141413;
--ca-elevation-raised: rgba(0, 0, 0, 0.01) 0px 2px 2px, rgba(0, 0, 0, 0.02) 0px 4px 4px, rgba(0, 0, 0, 0.04) 0px 16px 24px;
--ca-shape-container: .5rem;
--ca-shape-control: 12px;
--ca-surface-canvas: #faf9f5;
--ca-surface-navigation: #faf9f5;
--ca-surface-raised: #faf9f5;
--ca-text-body: #141413;
--ca-text-heading: #f0eee6;
--ca-text-link: #b0aea5;
--ca-type-body-family: "Anthropic Serif",Georgia,sans-serif;
--ca-type-body-size: 1.125rem;
--ca-type-body-weight: 400;
--ca-type-display-family: "Anthropic Sans",Arial,sans-serif;
--ca-type-display-size: 1.5rem;
--ca-type-display-weight: 700;
}
Prompt
Use the verified design evidence from Anthropic homepage. Preserve these observed rules: density: 8 observed spacing steps; shape: 5 observed radius steps; typography: 72 observed typography decisions; color: 84 observed colors across 9 semantic roles; layout: 8 reusable layout dimensions. Adapt the content, names, assets, and fonts to material you can publish. Do not infer missing component behavior from this prompt.