
Source: https://dynaboard.com/. 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-body) โ selector bodyfont-family: Roobert,var(--font-system),sans-serif โ selector .osano-cm-button,.osano-cm-dialog,.osano-cm-info,.osano-cm-view**buttonfont-size: 2em โ selector h1font-size: 1em โ selector prefont-size: 100% โ selector button,input,optgroup,select,textareafont-size: 1.875rem โ selector .text-3xlfont-size: 2.5rem โ selector .text-4.5xlfont-size: 2.25rem โ selector .text-4xlfont-size: 3rem โ selector .text-5xlfont-weight: 600 โ selector .button_buttonDJdfZ:not(.buttonunstyledfDeS6)font-weight: 500 โ selector .banner-preview-modebannerContainervWLH6 spanfont-weight: 300 โ selector .herotitleViZLline-height: 1.15 โ selector button,input,optgroup,select,textarealine-height: 2.25rem โ selector .text-3xlline-height: 3rem โ selector .text-4.5xlline-height: 2.5rem โ selector .text-4xlline-height: 3.25rem โ selector .text-5xlline-height: 1.5rem โ selector .text-baseline-height: 1.75rem โ selector .text-lgletter-spacing: -1px โ selector .text-4.5xlcolor: rgb(28 29 43/var(--tw-text-opacity)) โ selector .text-[#1C1D2B]color: rgb(74 75 77/var(--tw-text-opacity)) โ selector .text-[#4A4B4D]color: rgb(105 103 226/var(--tw-text-opacity)) โ selector .text-[#6967E2]color: rgb(122 121 205/var(--tw-text-opacity)) โ selector .text-[#7A79CD]color: rgb(136 136 138/var(--tw-text-opacity)) โ selector .text-[#88888A]color: rgb(0 0 0/var(--tw-text-opacity)) โ selector .text-blackcolor: rgb(55 56 59/var(--tw-text-opacity)) โ selector .text-gray-darkerbackground-color: initial โ selector abackground-color: #000 โ selector bodybackground-color: rgb(136 136 138/var(--tw-bg-opacity))!important โ selector .buttonbuttonDJdfZ:not(.buttonunstyledfDeS6):disabledbackground-color: rgb(0 0 0/var(--tw-bg-opacity)) โ selector .buttonbuttonDJdfZ:not(.buttonunstyledfDeS6).button_primary**iNrAV .button_content**LtCZY:beforebackground-color: rgba(204,49,38,.251) โ selector .banner-preview-modebannerContainervWLH6border-radius: 6px โ selector button.osano-cm-closeborder-radius: 9999px โ selector .button\_buttonDJdfZ:not(.buttonunstyled**fDeS6)box-shadow: none โ selector :-moz-ui-invalidbox-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) โ selector .shadow-illustration,.shadow-lgbox-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000) โ selector .ring-1box-shadow: 0 0 140px 0 var(--shadow-color) โ selector .header_mobileMenuBottomGlow**hc7tl spanmax-width: 640px โ selector .containermax-width: 768px โ selector .containermax-width: 1024px โ selector .containermax-width: 1124px โ selector .containermax-width: 1280px โ selector .containermax-width: 1536px โ selector .containermax-width: 24rem โ selector .hero_titleViZLmax-width: 32rem โ selector .herotitleViZL_padding: 0 โ selector [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-innerpadding: 1px โ selector .button\_button**DJdfZ:not(.button_unstyledfDeS6).button_primary\_\_iNrAVgap: .5rem โ selector .gap-2gap: 5rem โ selector .gap-20gap: 1.5rem โ selector .gap-6gap: 2rem โ selector .gap-8gap: 2.5rem โ selector .md:gap-10gap: 4rem โ selector .lg:gap-16(min-width:640px)
(min-width:768px)
(min-width:1024px)
(min-width:1124px)
(min-width:1280px)
(min-width:1536px)
(prefers-color-scheme:dark)
Source: https://dynaboard.com/. 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://dynaboard.com/\_next/static/css/87b3733eccdc5d0c.css โ :root
--font-system: -apple-system,blinkmacsystemfont,segoe ui,roboto,oxygen,ubuntu,cantarell,fira sans,droid sans,helvetica neue,sans-serif;
--font-body: "Roobert",var(--font-system),sans-serif;
--font-mono: "Jetbrains Mono",monospace;
--ease-in-quad: cubic-bezier(0.55,0.085,0.68,0.53);
--ease-in-cubic: cubic-bezier(0.55,0.055,0.675,0.19);
--ease-in-quart: cubic-bezier(0.895,0.03,0.685,0.22);
--ease-in-quint: cubic-bezier(0.755,0.05,0.855,0.06);
--ease-in-expo: cubic-bezier(0.95,0.05,0.795,0.035);
--ease-in-circ: cubic-bezier(0.6,0.04,0.98,0.335);
--ease-out-quad: cubic-bezier(0.25,0.46,0.45,0.94);
--ease-out-cubic: cubic-bezier(0.215,0.61,0.355,1);
--ease-out-quart: cubic-bezier(0.165,0.84,0.44,1);
--ease-out-quint: cubic-bezier(0.23,1,0.32,1);
--ease-out-expo: cubic-bezier(0.19,1,0.22,1);
--ease-out-circ: cubic-bezier(0.075,0.82,0.165,1);
--ease-in-out-quad: cubic-bezier(0.455,0.03,0.515,0.955);
--ease-in-out-cubic: cubic-bezier(0.645,0.045,0.355,1);
--ease-in-out-quart: cubic-bezier(0.77,0,0.175,1);
--ease-in-out-quint: cubic-bezier(0.86,0,0.07,1);
--ease-in-out-expo: cubic-bezier(1,0,0,1);
--ease-in-out-circ: cubic-bezier(0.785,0.135,0.15,0.86);https://dynaboard.com/_next/static/css/a7b231a669535fae.css โ .button_button**DJdfZ:not(.button_unstyledfDeS6)
--background: transparent;https://dynaboard.com/next/static/css/a7b231a669535fae.css โ .buttonbuttonDJdfZ:not(.button_unstyled**fDeS6).button_primary**iNrAV.buttontheme-whitel2Wnv,.buttonbuttonDJdfZ:not(.buttonunstyledfDeS6).buttonsecondaryd8TNS.buttontheme-whitel2Wnv
--background: #fff;https://dynaboard.com/next/static/css/a7b231a669535fae.css โ .buttonbuttonDJdfZ:not(.buttonunstyledfDeS6).buttonprimaryiNrAV.buttontheme-yellowZ2L8U,.buttonbuttonDJdfZ:not(.buttonunstyled**fDeS6).button_secondary**d8TNS.button_theme-yellowZ2L8U
--background: #fedd40;https://dynaboard.com/next/static/css/a7b231a669535fae.css โ .buttonbuttonDJdfZ:not(.button_unstyled**fDeS6).button_primary**iNrAV.buttontheme-pinkAltX,.buttonbuttonDJdfZ:not(.buttonunstyled**fDeS6).button_secondary**d8TNS.button\_theme-pink**A_ltX
--background: #fe58e3;https://dynaboard.com/_next/static/css/a7b231a669535fae.css โ .button_button**DJdfZ:not(.buttonunstyledfDeS6).buttonprimaryiNrAV.buttontheme-purpleKpErN,.buttonbuttonDJdfZ:not(.buttonunstyledfDeS6).buttonsecondaryd8TNS.buttontheme-purpleKpErN
--background: #4c4acf;https://dynaboard.com/next/static/css/a7b231a669535fae.css โ .buttonbuttonDJdfZ:not(.buttonunstyledfDeS6).buttonprimaryiNrAV.buttontheme-light-blueSlqiY,.buttonbuttonDJdfZ:not(.buttonunstyledfDeS6).buttonsecondaryd8TNS.buttontheme-light-blue**SlqiY
--background: #52dbff;https://dynaboard.com/_next/static/css/a7b231a669535fae.css โ .button_button**DJdfZ:not(.buttonunstyledfDeS6).buttonprimaryiNrAV.buttontheme-redPV6oP,.buttonbuttonDJdfZ:not(.buttonunstyledfDeS6).buttonsecondaryd8TNS.buttontheme-redPV6oP
--background: #ef493e;https://dynaboard.com/next/static/css/a7b231a669535fae.css โ .buttonbuttonDJdfZ:not(.buttonunstyledfDeS6).buttonprimaryiNrAV.buttontheme-greenYiooE,.buttonbuttonDJdfZ:not(.buttonunstyledfDeS6).buttonsecondaryd8TNS.buttontheme-green**YiooE
--background: #34d594;https://dynaboard.com/_next/static/css/a7b231a669535fae.css โ .rainbow .header_mobileMenuBottomGlow**hc7tl span:first-child
--shadow-color: #fe6459;https://dynaboard.com/next/static/css/a7b231a669535fae.css โ .rainbow .headermobileMenuBottomGlow**hc7tl span:nth-child(2)
--shadow-color: #fe58e3;https://dynaboard.com/_next/static/css/a7b231a669535fae.css โ .rainbow .header_mobileMenuBottomGlow**hc7tl span:nth-child(3)
--shadow-color: #6967e2;https://dynaboard.com/next/static/css/a7b231a669535fae.css โ .rainbow .headermobileMenuBottomGlow**hc7tl span:nth-child(4)
--shadow-color: #52dbff;https://dynaboard.com/_next/static/css/a7b231a669535fae.css โ .rainbow .header_mobileMenuBottomGlow**hc7tl span:nth-child(5)
--shadow-color: #53e7ab;https://dynaboard.com/next/static/css/a7b231a669535fae.css โ .rainbow .headermobileMenuBottomGlow**hc7tl span:nth-child(6)
--shadow-color: #fedd40;https://dynaboard.com/_next/static/css/a7b231a669535fae.css โ .rainbow .header_mobileMenuBottomGlow**hc7tl span:nth-child(7)
--shadow-color: #fe6459;https://dynaboard.com/next/static/css/a7b231a669535fae.css โ .ruby .headermobileMenuBottomGlow**hc7tl span
--shadow-color: #ef493e;https://dynaboard.com/_next/static/css/a7b231a669535fae.css โ .purple .header_mobileMenuBottomGlow**hc7tl span
--shadow-color: #4c4acf;https://dynaboard.com/next/static/css/a7b231a669535fae.css โ .testimonialslist**GqWBX .testimonials_item\_\_9G7Jx
--brightness: 1;
Source: https://dynaboard.com/. 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-body) | body |
| font-family | Roobert,var(--font-system),sans-serif | .osano-cm-button,.osano-cm-dialog,.osano-cm-info,.osano-cm-view**button |
| font-size | 2em | h1 |
| font-size | 1em | pre |
| font-size | 100% | button,input,optgroup,select,textarea |
| font-size | 1.875rem | .text-3xl |
| font-size | 2.5rem | .text-4.5xl |
| font-size | 2.25rem | .text-4xl |
| font-size | 3rem | .text-5xl |
| font-weight | 600 | .button_buttonDJdfZ:not(.buttonunstyledfDeS6) |
| font-weight | 500 | .banner-preview-modebannerContainervWLH6 span |
| font-weight | 300 | .herotitleViZL |
| line-height | 1.15 | button,input,optgroup,select,textarea |
| line-height | 2.25rem | .text-3xl |
| line-height | 3rem | .text-4.5xl |
| line-height | 2.5rem | .text-4xl |
| line-height | 3.25rem | .text-5xl |
| line-height | 1.5rem | .text-base |
| line-height | 1.75rem | .text-lg |
| letter-spacing | -1px | .text-4.5xl |
| color | rgb(28 29 43/var(--tw-text-opacity)) | .text-[#1C1D2B] |
| color | rgb(74 75 77/var(--tw-text-opacity)) | .text-[#4A4B4D] |
| color | rgb(105 103 226/var(--tw-text-opacity)) | .text-[#6967E2] |
| color | rgb(122 121 205/var(--tw-text-opacity)) | .text-[#7A79CD] |
| color | rgb(136 136 138/var(--tw-text-opacity)) | .text-[#88888A] |
| color | rgb(0 0 0/var(--tw-text-opacity)) | .text-black |
| color | rgb(55 56 59/var(--tw-text-opacity)) | .text-gray-darker |
| background-color | initial | a |
| background-color | #000 | body |
| background-color | rgb(136 136 138/var(--tw-bg-opacity))!important | .buttonbuttonDJdfZ:not(.buttonunstyledfDeS6):disabled |
| background-color | rgb(0 0 0/var(--tw-bg-opacity)) | .buttonbuttonDJdfZ:not(.buttonunstyledfDeS6).button_primary**iNrAV .button_content**LtCZY:before |
| background-color | rgba(204,49,38,.251) | .banner-preview-modebannerContainervWLH6 |
| border-radius | 6px | button.osano-cm-close |
| border-radius | 9999px | .button\_buttonDJdfZ:not(.buttonunstyled**fDeS6) |
| box-shadow | none | :-moz-ui-invalid |
| box-shadow | var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) | .shadow-illustration,.shadow-lg |
| box-shadow | var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000) | .ring-1 |
| box-shadow | 0 0 140px 0 var(--shadow-color) | .header_mobileMenuBottomGlow**hc7tl span |
| max-width | 640px | .container |
| max-width | 768px | .container |
| max-width | 1024px | .container |
| max-width | 1124px | .container |
| max-width | 1280px | .container |
| max-width | 1536px | .container |
| max-width | 24rem | .hero_titleViZL |
| max-width | 32rem | .herotitleViZL_ |
| padding | 0 | [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner |
| padding | 1px | .button\_button**DJdfZ:not(.button_unstyledfDeS6).button_primary\_\_iNrAV |
| gap | .5rem | .gap-2 |
| gap | 5rem | .gap-20 |
| gap | 1.5rem | .gap-6 |
| gap | 2rem | .gap-8 |
| gap | 2.5rem | .md:gap-10 |
| gap | 4rem | .lg:gap-16 |
Source: https://dynaboard.com/. 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.