.webp)
Rally
A better, more profitable checkout for your brand.
No items found.
No items found.
No items found.
Visual identity
Rally — design reference
Source: https://rallyon.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.
Typography
font-family: sans-serif— selectorbody,input,textarea,select,buttonfont-family: var(--font-family)— selector[data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-comfont-family: var(--framer-font-family, Inter, Inter Placeholder, sans-serif)— selectorp.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,span.framer-text:not([data-text-fill])font-family: var(--framer-code-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))— selectorcode.framer-text,code.framer-text span.framer-text:not([data-text-fill])font-family: var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))— selectora.framer-text,a.framer-text span.framer-text:not([data-text-fill])font-family: var(--framer-link-hover-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)))— selectora.framer-text:hover,a.framer-text:hover span.framer-text:not([data-text-fill])font-family: var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)))— selectora.framer-text[data-framer-page-link-current],a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill])font-family: var(--framer-link-hover-font-family, var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))))— selectora.framer-text[data-framer-page-link-current]:hover,a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill])font-size: 12px— selectorbody,input,textarea,select,buttonfont-size: var(--font-size)— selector[data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-comfont-size: calc(var(--framer-font-size, 16px) _ var(--framer-font-size-scale, 1))— selectorp.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,span.framer-text:not([data-text-fill])font-size: calc(var(--framer-link-font-size, var(--framer-font-size, 16px)) _ var(--framer-font-size-scale, 1))— selectora.framer-text,a.framer-text span.framer-text:not([data-text-fill])font-size: calc(var(--framer-link-hover-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))) _ var(--framer-font-size-scale, 1))— selectora.framer-text:hover,a.framer-text:hover span.framer-text:not([data-text-fill])font-size: calc(var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))) _ var(--framer-font-size-scale, 1))— selectora.framer-text[data-framer-page-link-current],a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill])font-size: calc(var(--framer-link-hover-font-size, var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px)))) \* var(--framer-font-size-scale, 1))— selectora.framer-text[data-framer-page-link-current]:hover,a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill])font-size: var(--framer-font-size, 16px)— selector[data-framer-component-type=DeprecatedRichText] p,[data-framer-component-type=DeprecatedRichText] div,[data-framer-component-type=DeprecatedRichText] h1,[data-framer-component-type=DeprecatedRichText] h2,[data-framer-component-type=DeprecatedRichTextfont-weight: min(calc(var(--framer-font-weight-increase, 0) + var(--font-weight, 400)),900)— selector[data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-comfont-weight: var(--framer-font-weight, 400)— selectorp.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,span.framer-text:not([data-text-fill])font-weight: var(--framer-code-font-weight, var(--framer-font-weight, 400))— selectorcode.framer-text,code.framer-text span.framer-text:not([data-text-fill])font-weight: var(--framer-link-font-weight, var(--framer-font-weight, 400))— selectora.framer-text,a.framer-text span.framer-text:not([data-text-fill])font-weight: var(--framer-link-hover-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)))— selectora.framer-text:hover,a.framer-text:hover span.framer-text:not([data-text-fill])font-weight: var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)))— selectora.framer-text[data-framer-page-link-current],a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill])font-weight: var(--framer-link-hover-font-weight, var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400))))— selectora.framer-text[data-framer-page-link-current]:hover,a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill])line-height: var(--line-height)— selector[data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-comline-height: var(--framer-line-height, 1.2em)— selectorp.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,span.framer-text:not([data-text-fill])letter-spacing: var(--letter-spacing)— selector[data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-comletter-spacing: var(--framer-letter-spacing, 0)— selectorp.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,span.framer-text:not([data-text-fill])
Colors and surfaces
color: var(--text-color)— selector[data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-comcolor: var(--framer-text-color, #000)— selectorp.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,span.framer-text:not([data-text-fill])color: var(--framer-code-text-color, var(--framer-text-color, #000))— selectorcode.framer-text,code.framer-text span.framer-text:not([data-text-fill])color: var(--framer-link-text-color, var(--framer-text-color, #000))— selectora.framer-text,a.framer-text span.framer-text:not([data-text-fill])color: var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)))— selectorcode.framer-text a.framer-text,code.framer-text a.framer-text span.framer-text:not([data-text-fill])color: var(--framer-link-hover-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)))— selectora.framer-text:hover,a.framer-text:hover span.framer-text:not([data-text-fill])color: var(--framer-link-hover-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000))))— selectorcode.framer-text a.framer-text:hover,code.framer-text a.framer-text:hover span.framer-text:not([data-text-fill])color: var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)))— selectora.framer-text[data-framer-page-link-current],a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill])background-color: #fff— selector.framer-gPJps.framer-mllek7background-color: #2b3934— selector.framer-gPJps .framer-1iootsh
Components and layout
border-radius: 40px— selector.framer-gPJps .framer-1iootshmax-width: 1600px— selector.framer-gPJps .framer-12pnsze-containerpadding: 0— selectorhtml,body,#mainpadding: max(0em,calc(calc(1.3em - var(--framer-line-height, 1.3em)) / 2))— selector.framer-text[data-text-fill]gap: 0px— selector.framer-gPJps.framer-mllek7gap: 30px— selector.framer-gPJps .framer-1iootshgap: 20px— selector.framer-gPJps .framer-hokm2jgap: 10px— selector.framer-gPJps .framer-1c23qwcgap: 80px— selector.framer-gPJps .framer-oln6o9gap: 50px— selector.framer-gPJps .framer-1y62d2e,.framer-gPJps .framer-16ah7tdgap: 40px— selector.framer-gPJps .framer-1kqo9olgap: 5px— selector.framer-DSGJq .framer-1xvg8ok
Responsive rules
(min-width: 1400px) and (max-width: 1999px)
(max-width: 809px)
(min-width: 810px) and (max-width: 1399px)
(min-width: 2000px)
(max-width: 1399px) and (min-width: 810px)
(max-width: 809px) and (min-width: 0px)
(max-width: 1199px) and (min-width: 810px)
(max-width: 1999px) and (min-width: 1400px)Source: https://rallyon.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://rallyon.com/ — body
--token-b617a3c2-1980-4ad4-8d7a-89b4953e1f7d: rgb(43, 57, 52);
--token-3ff4130f-3a71-4c97-ad6b-00721b362f43: rgba(49, 192, 102, .1);
--token-fcd48e1b-ec2f-4ff9-bf67-08b965792a90: rgb(33, 192, 107);https://rallyon.com/ — [data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-component-type=Text] h2 span span,[data-framer-component-type=Text] h3 span span,[data-framer-component-type=Text] h4 span span,[data-framer-component-type=Text] h5 span span,[data-framer-component-type=Text] h6 span span,[data-framer-component-type=Text] a
--font-family: var(--framer-font-family);
--font-style: var(--framer-font-style);
--font-weight: var(--framer-font-weight);
--text-color: var(--framer-text-color);
--letter-spacing: var(--framer-letter-spacing);
--font-size: var(--framer-font-size);
--text-transform: var(--framer-text-transform);
--text-decoration: var(--framer-text-decoration);
--line-height: var(--framer-line-height);https://rallyon.com/ — [data-framer-component-type=Text] a,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] a span span span,[data-framer-component-type=Text] a p span span,[data-framer-component-type=Text] a h1 span span,[data-framer-component-type=Text] a h2 span span,[data-framer-component-type=Text] a h3 span span,[data-framer-component-type=Text] a h4 span span,[data-framer-component-type=Text] a h5 span span,[data-framer-component-type=Text] a h6 span span
--font-family: var(--framer-link-font-family, var(--framer-font-family));
--font-style: var(--framer-link-font-style, var(--framer-font-style));
--font-weight: var(--framer-link-font-weight, var(--framer-font-weight));
--text-color: var(--framer-link-text-color, var(--framer-text-color));
--font-size: var(--framer-link-font-size, var(--framer-font-size));
--text-transform: var(--framer-link-text-transform, var(--framer-text-transform));
--text-decoration: var(--framer-link-text-decoration, var(--framer-text-decoration));https://rallyon.com/ — [data-framer-component-type=Text] a:hover,[data-framer-component-type=Text] a div span:hover,[data-framer-component-type=Text] a span span span:hover,[data-framer-component-type=Text] a p span span:hover,[data-framer-component-type=Text] a h1 span span:hover,[data-framer-component-type=Text] a h2 span span:hover,[data-framer-component-type=Text] a h3 span span:hover,[data-framer-component-type=Text] a h4 span span:hover,[data-framer-component-type=Text] a h5 span span:hover,[data-framer-component-type=Text] a h6 span span:hover
--font-family: var(--framer-link-hover-font-family, var(--framer-link-font-family, var(--framer-font-family)));
--font-style: var(--framer-link-hover-font-style, var(--framer-link-font-style, var(--framer-font-style)));
--font-weight: var(--framer-link-hover-font-weight, var(--framer-link-font-weight, var(--framer-font-weight)));
--text-color: var(--framer-link-hover-text-color, var(--framer-link-text-color, var(--framer-text-color)));
--font-size: var(--framer-link-hover-font-size, var(--framer-link-font-size, var(--framer-font-size)));
--text-transform: var(--framer-link-hover-text-transform, var(--framer-link-text-transform, var(--framer-text-transform)));
--text-decoration: var(--framer-link-hover-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration)));https://rallyon.com/ — [data-framer-component-type=Text].isCurrent a,[data-framer-component-type=Text].isCurrent a div span,[data-framer-component-type=Text].isCurrent a span span span,[data-framer-component-type=Text].isCurrent a p span span,[data-framer-component-type=Text].isCurrent a h1 span span,[data-framer-component-type=Text].isCurrent a h2 span span,[data-framer-component-type=Text].isCurrent a h3 span span,[data-framer-component-type=Text].isCurrent a h4 span span,[data-framer-component-type=Text].isCurrent a h5 span span,[data-framer-component-type=Text].isCurrent a h6 span span
--font-family: var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family)));
--font-style: var(--framer-link-current-font-style, var(--framer-link-font-style, var(--framer-font-style)));
--font-weight: var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight)));
--text-color: var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color)));
--font-size: var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size)));
--text-transform: var(--framer-link-current-text-transform, var(--framer-link-text-transform, var(--framer-text-transform)));
--text-decoration: var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration)));https://rallyon.com/ — ol.framer-text
--list-style-type: decimal;Source: https://rallyon.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 | sans-serif | body,input,textarea,select,button |
| font-family | var(--font-family) | [data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-com |
| font-family | var(--framer-font-family, Inter, Inter Placeholder, sans-serif) | p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,span.framer-text:not([data-text-fill]) |
| font-family | var(--framer-code-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)) | code.framer-text,code.framer-text span.framer-text:not([data-text-fill]) |
| font-family | var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)) | a.framer-text,a.framer-text span.framer-text:not([data-text-fill]) |
| font-family | var(--framer-link-hover-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))) | a.framer-text:hover,a.framer-text:hover span.framer-text:not([data-text-fill]) |
| font-family | var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))) | a.framer-text[data-framer-page-link-current],a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]) |
| font-family | var(--framer-link-hover-font-family, var(--framer-link-current-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)))) | a.framer-text[data-framer-page-link-current]:hover,a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]) |
| font-size | 12px | body,input,textarea,select,button |
| font-size | var(--font-size) | [data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-com |
| font-size | calc(var(--framer-font-size, 16px) _ var(--framer-font-size-scale, 1)) | p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,span.framer-text:not([data-text-fill]) |
| font-size | calc(var(--framer-link-font-size, var(--framer-font-size, 16px)) _ var(--framer-font-size-scale, 1)) | a.framer-text,a.framer-text span.framer-text:not([data-text-fill]) |
| font-size | calc(var(--framer-link-hover-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))) _ var(--framer-font-size-scale, 1)) | a.framer-text:hover,a.framer-text:hover span.framer-text:not([data-text-fill]) |
| font-size | calc(var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))) _ var(--framer-font-size-scale, 1)) | a.framer-text[data-framer-page-link-current],a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]) |
| font-size | calc(var(--framer-link-hover-font-size, var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px)))) \* var(--framer-font-size-scale, 1)) | a.framer-text[data-framer-page-link-current]:hover,a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]) |
| font-size | var(--framer-font-size, 16px) | [data-framer-component-type=DeprecatedRichText] p,[data-framer-component-type=DeprecatedRichText] div,[data-framer-component-type=DeprecatedRichText] h1,[data-framer-component-type=DeprecatedRichText] h2,[data-framer-component-type=DeprecatedRichText |
| font-weight | min(calc(var(--framer-font-weight-increase, 0) + var(--font-weight, 400)),900) | [data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-com |
| font-weight | var(--framer-font-weight, 400) | p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,span.framer-text:not([data-text-fill]) |
| font-weight | var(--framer-code-font-weight, var(--framer-font-weight, 400)) | code.framer-text,code.framer-text span.framer-text:not([data-text-fill]) |
| font-weight | var(--framer-link-font-weight, var(--framer-font-weight, 400)) | a.framer-text,a.framer-text span.framer-text:not([data-text-fill]) |
| font-weight | var(--framer-link-hover-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400))) | a.framer-text:hover,a.framer-text:hover span.framer-text:not([data-text-fill]) |
| font-weight | var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400))) | a.framer-text[data-framer-page-link-current],a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]) |
| font-weight | var(--framer-link-hover-font-weight, var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)))) | a.framer-text[data-framer-page-link-current]:hover,a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]) |
| line-height | var(--line-height) | [data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-com |
| line-height | var(--framer-line-height, 1.2em) | p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,span.framer-text:not([data-text-fill]) |
| letter-spacing | var(--letter-spacing) | [data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-com |
| letter-spacing | var(--framer-letter-spacing, 0) | p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,span.framer-text:not([data-text-fill]) |
| color | var(--text-color) | [data-framer-component-type=Text] div div span,[data-framer-component-type=Text] a div span,[data-framer-component-type=Text] span span span,[data-framer-component-type=Text] p span span,[data-framer-component-type=Text] h1 span span,[data-framer-com |
| color | var(--framer-text-color, #000) | p.framer-text,div.framer-text,h1.framer-text,h2.framer-text,h3.framer-text,h4.framer-text,h5.framer-text,h6.framer-text,li.framer-text,ol.framer-text,ul.framer-text,span.framer-text:not([data-text-fill]) |
| color | var(--framer-code-text-color, var(--framer-text-color, #000)) | code.framer-text,code.framer-text span.framer-text:not([data-text-fill]) |
| color | var(--framer-link-text-color, var(--framer-text-color, #000)) | a.framer-text,a.framer-text span.framer-text:not([data-text-fill]) |
| color | var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000))) | code.framer-text a.framer-text,code.framer-text a.framer-text span.framer-text:not([data-text-fill]) |
| color | var(--framer-link-hover-text-color, var(--framer-link-text-color, var(--framer-text-color, #000))) | a.framer-text:hover,a.framer-text:hover span.framer-text:not([data-text-fill]) |
| color | var(--framer-link-hover-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)))) | code.framer-text a.framer-text:hover,code.framer-text a.framer-text:hover span.framer-text:not([data-text-fill]) |
| color | var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color, #000))) | a.framer-text[data-framer-page-link-current],a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]) |
| background-color | #fff | .framer-gPJps.framer-mllek7 |
| background-color | #2b3934 | .framer-gPJps .framer-1iootsh |
| border-radius | 40px | .framer-gPJps .framer-1iootsh |
| max-width | 1600px | .framer-gPJps .framer-12pnsze-container |
| padding | 0 | html,body,#main |
| padding | max(0em,calc(calc(1.3em - var(--framer-line-height, 1.3em)) / 2)) | .framer-text[data-text-fill] |
| gap | 0px | .framer-gPJps.framer-mllek7 |
| gap | 30px | .framer-gPJps .framer-1iootsh |
| gap | 20px | .framer-gPJps .framer-hokm2j |
| gap | 10px | .framer-gPJps .framer-1c23qwc |
| gap | 80px | .framer-gPJps .framer-oln6o9 |
| gap | 50px | .framer-gPJps .framer-1y62d2e,.framer-gPJps .framer-16ah7td |
| gap | 40px | .framer-gPJps .framer-1kqo9ol |
| gap | 5px | .framer-DSGJq .framer-1xvg8ok |
Source: https://rallyon.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.
Evidence and limitations
- Values come directly from downloaded stylesheets. Selector context is retained to distinguish elements; individual media-query conditions are not retained.
- CSS cascade, active viewport, runtime styles, interactive states and private product UI were not verified. Colors or dimensions in utility classes may be unused on this page.
- No inferred dark theme, semantic color roles or framework defaults have been added.
- 34 custom-property declarations found; 254 relevant property declarations parsed.