
Source: https://www.veed.io/. Extracted 2026-10-14. Scope: public marketing website CSS; declared styles, not computed browser values. This is an observed inventory, not an official internal design system.
font-family: var(--font-swissnow) โ selector bodyfont-family: var(--font-homepage) โ selector .homepage bodyfont-size: var(--text-2xl) โ selector .text-2xlfont-size: var(--text-3xl) โ selector .text-3xlfont-size: var(--text-4xl) โ selector .text-4xlfont-size: var(--text-5xl) โ selector .text-5xlfont-size: var(--text-base) โ selector .text-basefont-size: var(--text-lg) โ selector .text-lgfont-weight: var(--font-weight-medium) โ selector .file:font-medium::file-selector-buttonfont-weight: var(--font-weight-normal) โ selector .[&\_[cmdk-group-heading]]:font-normal [cmdk-group-heading]line-height: var(--tw-leading,var(--text-2xl--line-height)) โ selector .text-2xlline-height: var(--tw-leading,var(--text-3xl--line-height)) โ selector .text-3xlline-height: var(--tw-leading,var(--text-4xl--line-height)) โ selector .text-4xlline-height: var(--tw-leading,var(--text-5xl--line-height)) โ selector .text-5xlline-height: var(--tw-leading,var(--text-base--line-height)) โ selector .text-baseline-height: var(--tw-leading,var(--text-lg--line-height)) โ selector .text-lgline-height: var(--tw-leading,var(--text-sm--line-height)) โ selector .text-smline-height: var(--tw-leading,var(--text-xl--line-height)) โ selector .text-xlcolor: var(--color-neutral-1000) โ selector bodycolor: var(--color-white) โ selector body:is(.dark _)color: #77777e!important โ selector .!text-[#77777E]color: var(--color-neutral-1000)!important โ selector .!text-neutral-1000color: #0c0a09 โ selector .text-[#0c0a09]color: #4d4d51 โ selector .text-[#4D4D51]color: #5850ec โ selector .text-[#5850ec]background-color: #0000 โ selector button,input,optgroup,select,textareabackground-color: var(--color-white) โ selector bodybackground-color: var(--color-neutral-1000) โ selector body:is(.dark _)background-color: "#E1E1E3" โ selector .pricing bodybackground-color: #f5f5f6 โ selector .promo-icon-btnbackground-color: #262527 โ selector .group:hover .promo-icon-btnbackground-color: unset!important โ selector #ot-sdk-btn.ot-sdk-show-settings:hoverborder-radius: 0 โ selector button,input,optgroup,select,textareaborder-radius: .5rem โ selector .[&>button]:rounded-[0.5rem]>buttonborder-radius: 3.40282e+38px โ selector .[&>button]:rounded-full>buttonborder-radius: 150px โ selector .sticky-cta-containerbox-shadow: none โ selector :-moz-ui-invalidbox-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) โ selector :is([type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select):focusbox-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows) โ selector .prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] _))box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important โ selector .!shadow-nonebox-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) โ selector .shadowmax-width: 360px โ selector .containermax-width: 640px โ selector .containermax-width: 768px โ selector .containermax-width: 1024px โ selector .containermax-width: 1280px โ selector .containermax-width: 1536px โ selector .containermax-width: 1920px โ selector .containerpadding: 0 โ selector ::file-selector-buttongap: calc(var(--spacing)_0) โ selector .gap-0gap: calc(var(--spacing)_.5) โ selector .gap-0.5gap: calc(var(--spacing)_1) โ selector .gap-1gap: calc(var(--spacing)_1.5) โ selector .gap-1.5gap: calc(var(--spacing)_2) โ selector .gap-2gap: calc(var(--spacing)_2.5) โ selector .gap-2.5gap: calc(var(--spacing)_3) โ selector .gap-3gap: calc(var(--spacing)\*3.5) โ selector .gap-3.5transition: background-color .2s ease-in-out โ selector .promo-icon-btn(forced-colors:active)
(min-width:360px)
(min-width:640px)
(min-width:768px)
(min-width:1024px)
(min-width:1280px)
(min-width:1536px)
(min-width:1920px)
(hover:hover)
(prefers-reduced-motion:no-preference)
(prefers-reduced-motion:reduce)
not all and (min-width:1024px)
not all and (min-width:768px)
(min-width:1440px)
(pointer:coarse)
(pointer:fine)
(max-width:600px)
(max-width:600px)]:top-[max(env(safe-area-inset-top),20px)]!
Source: https://www.veed.io/. Extracted 2026-10-14. Scope: public marketing website CSS; declared styles, not computed browser values. This is an observed inventory, not an official internal design system.
Original CSS custom-property declarations, grouped by source and selector. Up to 250 declarations; selectors preserved; media-query conditions are not attached to individual declarations.
https://www.veed.io/marketing-pages-ap/_next/static/css/414cfe5986566d1b.css โ \*,::backdrop,:after,:before
--sweep-angle: 0deg;https://www.veed.io/marketing-pages-ap/_next/static/css/414cfe5986566d1b.css โ :host,:root
--font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--color-red-50: oklch(97.1% .013 17.38);
--color-red-100: #f3fcf9;
--color-red-200: #ffe8e8;
--color-red-300: #ffcdcd;
--color-red-400: #ffadad;
--color-red-500: #ff8686;
--color-red-600: #ff5454;
--color-red-700: #dc4949;
--color-red-800: #bb3d3d;
--color-red-900: #9c3434;
--color-red-950: oklch(25.8% .092 26.042);
--color-yellow-50: oklch(98.7% .026 102.212);
--color-yellow-100: #fffbf0;
--color-yellow-200: #ffebc4;
--color-yellow-300: #ffd582;
--color-yellow-400: #ffbf52;
--color-yellow-500: #fba818;
--color-yellow-600: #d1811a;
--color-yellow-700: #ab6a15;
--color-yellow-800: #915612;
--color-yellow-900: #784410;
--color-yellow-950: oklch(28.6% .066 53.813);
--color-lime-50: oklch(98.6% .031 120.757);
--color-lime-100: #eff9ff;
--color-lime-200: #dbf0ff;
--color-lime-300: #b2e0fe;
--color-lime-400: #7ecbfe;
--color-lime-500: #41b2fe;
--color-lime-600: #0098fd;
--color-lime-700: #0081d7;
--color-lime-800: #006db6;
--color-lime-900: #005c98;
--color-lime-950: #6474ff;
--color-green-50: oklch(97.8% .019 162.9);
--color-green-100: #f3fcf9;
--color-green-200: #c5f8e3;
--color-green-300: #7fefc0;
--color-green-400: #1fdd8d;
--color-green-500: #1bc27c;
--color-green-600: #17a76a;
--color-green-700: #148e5b;
--color-green-800: #11794e;
--color-green-900: #0e6541;
--color-green-950: oklch(26.6% .065 152.934);
--color-cyan-400: #34d6ed;
--color-blue-500: oklch(62.3% .214 259.815);
--color-purple-600: #a067f1;
--color-gray-50: #f5f6fa;
--color-gray-100: #f4f4f5;
--color-gray-200: #e4e5e7;
--color-gray-300: #d4d5d8;
--color-gray-400: #a1a3aa;
--color-gray-500: #71737a;
--color-gray-600: #52545b;
--color-gray-700: #3f4046;
--color-gray-800: #27282a;
--color-gray-900: #18191b;
--color-gray-950: #09090b;
--color-neutral-50: #f7f7f8;
--color-neutral-100: #eeeef0;
--color-neutral-200: #e1e1e3;
--color-neutral-300: #c2c4c8;
--color-neutral-400: #a5a7ad;
--color-neutral-500: #8f9199;
--color-neutral-600: #71737c;
--color-neutral-700: #5c5e65;
--color-neutral-800: #3d3e43;
--color-neutral-900: #292a2e;
--color-neutral-950: oklch(14.5% 0 0);
--color-stone-50: oklch(98.5% .001 106.423);
--color-stone-100: oklch(97% .001 106.424);
--color-stone-200: oklch(92.3% .003 48.717);
--color-stone-300: oklch(86.9% .005 56.366);
--color-stone-400: oklch(70.9% .01 56.259);
--color-stone-500: oklch(55.3% .013 58.071);
--color-stone-600: oklch(44.4% .011 73.639);
--color-stone-700: oklch(37.4% .01 67.558);
--color-stone-800: oklch(26.8% .007 34.298);
--color-stone-900: oklch(21.6% .006 56.043);
--color-stone-950: oklch(14.7% .004 49.25);
--color-black: #000;
--color-white: #fff;
--spacing: .25rem;
--breakpoint-md: 768px;
--breakpoint-2xl: 1536px;
--container-xs: 20rem;
--container-sm: 24rem;
--container-md: 28rem;
--container-lg: 32rem;
--container-xl: 36rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-4xl: 56rem;
--container-5xl: 64rem;
--container-6xl: 72rem;
--container-7xl: 80rem;
--text-xs: .75rem;
--text-xs--line-height: 1.33333;
--text-sm: .875rem;
--text-sm--line-height: 1.42857;
--text-base: 1rem;
--text-base--line-height: 1.5;
--text-lg: 1.125rem;
--text-lg--line-height: 1.55556;
--text-xl: 1.25rem;
--text-xl--line-height: 1.4;
--text-2xl: 1.5rem;
--text-2xl--line-height: 1.33333;
--text-3xl: 1.875rem;
--text-3xl--line-height: 1.2;
--text-4xl: 2.25rem;
--text-4xl--line-height: 1.11111;
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--text-6xl: 3.75rem;
--text-6xl--line-height: 1;
--text-7xl: 4.5rem;
--text-7xl--line-height: 1;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--font-weight-black: 900;
--tracking-tighter: -.05em;
--tracking-tight: -.025em;
--tracking-wide: .025em;
--tracking-widest: .1em;
--leading-tight: 1.25;
--leading-normal: 1.5;
--leading-relaxed: 1.625;
--radius-sm: .25rem;
--radius-md: .375rem;
--radius-lg: .5rem;
--radius-xl: .75rem;
--radius-2xl: 1rem;
--radius-3xl: 1.5rem;
--radius-4xl: 2rem;
--ease-in: cubic-bezier(.4,0,1,1);
--ease-out: cubic-bezier(0,0,.2,1);
--ease-in-out: cubic-bezier(.4,0,.2,1);
--animate-spin: spin 1s linear infinite;
--animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1) infinite;
--blur-sm: 8px;
--blur-md: 12px;
--aspect-video: 16/9;
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4,0,.2,1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
--breakpoint-xs: 360px;
--font-alpina: Alpina,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-homepage: Patron,SwissNow,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-swissnow: SwissNow,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-baseneue: BaseNeue,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-editorial: PPEditorialNew,Georgia,"Times New Roman",Times,serif;
--color-homepage: #f6f3f3;
--color-ai: #00ff95;
--color-ai-darker: #00eb89;
--color-enterprise-green: #82ffc6;
--color-enterprise-yellowGreen: #b6ff60;
--color-enterprise-lightGreen: #edffd9;
--color-enterprise-blue: #5667f5;
--color-enterprise-lightBlue: #e0e2ff;
--color-enterprise-ctaBlue: #6474ff;
--color-enterprise-gray: #aaa;
--color-enterprise-lightGray: #eceeee;
--color-enterprise-black: #323232;
--color-enterprise-navy: #24339e;
--color-hp3-text: #262527;
--color-hp3-text-subtle: #77777e;
--color-hp3-lime: #b6ff60;
--color-hp3-selection-text: #006000;
--color-hp3-selection-bg: #edffd9;
--color-rebrand-darkGray: #454545;
--color-rebrand-bgGray: #f4f5f5;
--color-customBlue-550: #0a7cff;
--color-neutral-1000: #18191b;https://www.veed.io/marketing-pages-ap/\_next/static/css/414cfe5986566d1b.css โ :root
--color-base-50: #0000000d;
--color-base-100: #0000001a;
--color-base-200: #0003;
--color-base-300: #0000004d;
--color-base-400: #0006;
--color-base-500: #00000080;
--color-base-600: #0009;
--color-base-700: #000000b3;
--color-base-800: #000c;
--color-base-900: #000000e6;
--color-base-950: #000000f2;
--color-gray-50: oklch(97% .001 286.4);
--color-gray-100: oklch(92.5% .001 286.4);
--color-gray-200: oklch(85.5% .004 286.3);
--color-gray-300: oklch(75.4% .004 271.4);
--color-gray-400: oklch(61.9% .009 286.1);
--color-gray-500: oklch(57.2% .011 286.1);
--color-gray-600: oklch(47% .01 286);
--color-gray-700: oklch(42.2% .007 286.1);
--color-gray-800: oklch(38.7% .003 286.2);
--color-gray-900: oklch(35.4% .005 301.3);
--color-gray-950: oklch(26.6% .004 308.3);
--color-yellow-50: oklch(98.3% .019 87.5);
--color-yellow-100: oklch(95.1% .054 86.2);
--color-yellow-200: oklch(89.8% .108 84.4);
--color-yellow-300: oklch(84.3% .148 79);
--color-yellow-400: oklch(79% .168 68.5);
--color-yellow-500: oklch(72.5% .179 54.5);
--color-yellow-600: oklch(63.1% .179 45.1);
--color-yellow-700: oklch(53% .167 39);
--color-yellow-800: oklch(45.2% .143 36.8);
--color-yellow-900: oklch(39.6% .121 36.7);
--color-yellow-950: oklch(26.8% .084 38);
--color-red-50: oklch(96.9% .015 17.4);
--color-red-100: oklch(93.4% .033 17.8);
--color-red-200: oklch(87.9% .064 18.4);
--color-red-300: oklch(80.2% .114 19.9);
--color-red-400: oklch(68.1% .207 24.5);
--color-red-500: oklch(64.3% .224 26.3);
--color-red-600: oklch(58.8% .228 28.1);
--color-red-700: oklch(51.6% .202 28.2);
--color-red-800: oklch(45.2% .173 27.8);
--color-red-900: oklch(40% .143 26.6);
--color-red-950: oklch(26.1% .095 27);
--color-green-50: oklch(97.8% .019 162.9);
--color-green-100: oklch(94.7% .048 159.2);
--color-green-200: oklch(89.7% .085 160.3);
--color-green-300: oklch(83.1% .127 160.7);
--color-green-400: oklch(75.1% .153 159);
--color-green-500: oklch(71.9% .163 158);
--color-green-600: oklch(57.4% .131 158.2);
--color-green-700: oklch(48.9% .107 160.4);
--color-green-800: oklch(41.5% .087 162);
--color-green-900: oklch(36.4% .073 163.2);
--color-green-950: oklch(25.5% .048 167.4);
--color-background: var(--color-gray-50);
--color-foreground: var(--color-gray-950);
--color-primary: var(--color-lime-500);
--color-primary-hover: var(--color-lime-600);
--color-primary-foreground: var(--color-white);
--color-primary-disabled: var(--color-primary);
--color-primary-disabled-foreground: var(--color-primary-foreground);
--color-secondary: var(--color-gray-50);
--color-secondary-hover: var(--color-gray-100);
--color-secondary-foreground: var(--color-foreground);
--color-secondary-disabled: var(--color-secondary);
--color-secondary-disabled-foreground: var(--color-secondary-foreground);
--color-tertiary: transparent;
--color-tertiary-hover: var(--color-gray-50);
Source: https://www.veed.io/. Extracted 2026-10-14. Scope: public marketing website CSS; declared styles, not computed browser values. This is an observed inventory, not an official internal design system.
Observed design values, with source selectors. Names shown are CSS properties, not invented official token names.
| Property | Declared value | Selector |
|---|---|---|
| font-family | var(--font-swissnow) | body |
| font-family | var(--font-homepage) | .homepage body |
| font-size | var(--text-2xl) | .text-2xl |
| font-size | var(--text-3xl) | .text-3xl |
| font-size | var(--text-4xl) | .text-4xl |
| font-size | var(--text-5xl) | .text-5xl |
| font-size | var(--text-base) | .text-base |
| font-size | var(--text-lg) | .text-lg |
| font-weight | var(--font-weight-medium) | .file:font-medium::file-selector-button |
| font-weight | var(--font-weight-normal) | .[&\_[cmdk-group-heading]]:font-normal [cmdk-group-heading] |
| line-height | var(--tw-leading,var(--text-2xl--line-height)) | .text-2xl |
| line-height | var(--tw-leading,var(--text-3xl--line-height)) | .text-3xl |
| line-height | var(--tw-leading,var(--text-4xl--line-height)) | .text-4xl |
| line-height | var(--tw-leading,var(--text-5xl--line-height)) | .text-5xl |
| line-height | var(--tw-leading,var(--text-base--line-height)) | .text-base |
| line-height | var(--tw-leading,var(--text-lg--line-height)) | .text-lg |
| line-height | var(--tw-leading,var(--text-sm--line-height)) | .text-sm |
| line-height | var(--tw-leading,var(--text-xl--line-height)) | .text-xl |
| color | var(--color-neutral-1000) | body |
| color | var(--color-white) | body:is(.dark _) |
| color | #77777e!important | .!text-[#77777E] |
| color | var(--color-neutral-1000)!important | .!text-neutral-1000 |
| color | #0c0a09 | .text-[#0c0a09] |
| color | #4d4d51 | .text-[#4D4D51] |
| color | #5850ec | .text-[#5850ec] |
| background-color | #0000 | button,input,optgroup,select,textarea |
| background-color | var(--color-white) | body |
| background-color | var(--color-neutral-1000) | body:is(.dark _) |
| background-color | "#E1E1E3" | .pricing body |
| background-color | #f5f5f6 | .promo-icon-btn |
| background-color | #262527 | .group:hover .promo-icon-btn |
| background-color | unset!important | #ot-sdk-btn.ot-sdk-show-settings:hover |
| border-radius | 0 | button,input,optgroup,select,textarea |
| border-radius | .5rem | .[&>button]:rounded-[0.5rem]>button |
| border-radius | 3.40282e+38px | .[&>button]:rounded-full>button |
| border-radius | 150px | .sticky-cta-container |
| box-shadow | none | :-moz-ui-invalid |
| box-shadow | var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) | :is([type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select):focus |
| box-shadow | 0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows) | .prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] _)) |
| box-shadow | var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important | .!shadow-none |
| box-shadow | var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) | .shadow |
| max-width | 360px | .container |
| max-width | 640px | .container |
| max-width | 768px | .container |
| max-width | 1024px | .container |
| max-width | 1280px | .container |
| max-width | 1536px | .container |
| max-width | 1920px | .container |
| padding | 0 | ::file-selector-button |
| gap | calc(var(--spacing)_0) | .gap-0 |
| gap | calc(var(--spacing)_.5) | .gap-0.5 |
| gap | calc(var(--spacing)_1) | .gap-1 |
| gap | calc(var(--spacing)_1.5) | .gap-1.5 |
| gap | calc(var(--spacing)_2) | .gap-2 |
| gap | calc(var(--spacing)_2.5) | .gap-2.5 |
| gap | calc(var(--spacing)_3) | .gap-3 |
| gap | calc(var(--spacing)\*3.5) | .gap-3.5 |
| transition | background-color .2s ease-in-out | .promo-icon-btn |
Source: https://www.veed.io/. Extracted 2026-10-14. Scope: public marketing website CSS; declared styles, not computed browser values. This is an observed inventory, not an official internal design system.