UXCam

Deliver the perfect app experience

Visit

UXCam

User Onboarding

4 screens

UXCam

Free Trial Emails

2 screens

No items found.

Visual identity

UXCam — design reference

Source: https://uxcam.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: Inter,sans-serif!important — selector #onetrust-button-group>#onetrust-accept-btn-handler,#onetrust-button-group>#onetrust-pc-btn-handler,#onetrust-button-group>#onetrust-reject-all-handler
font-family: Inter,'Inter Fallback',-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif — selector body
font-family: 'Inter',sans-serif — selector .css-1efdt8i .item-content .text-content h5
font-size: 16px — selector .css-1efdt8i .item-content .text-content h5
font-size: 10px — selector .css-1efdt8i .item-content .text-content small
font-size: 12px — selector .css-v2dycx .item-content .text-content small
font-size: 1rem — selector .css-oney8d button
font-weight: 500!important — selector #onetrust-button-group>#onetrust-accept-btn-handler,#onetrust-button-group>#onetrust-pc-btn-handler,#onetrust-button-group>#onetrust-reject-all-handler
font-weight: 500 — selector .css-1nzfs6q div,.css-1nzfs6q a
font-weight: 400 — selector .css-1efdt8i .item-content .text-content small
font-weight: 600 — selector .css-1jp0oe h5
line-height: 1 — selector body
line-height: 1.2 — selector .css-1jp0oe h5
line-height: 1.35 — selector .css-1jp0oe p
letter-spacing: -0.005em — selector .css-1jp0oe h5
letter-spacing: 0.0em — selector .css-oney8d button

Colors and surfaces

color: #4f80d9!important — selector #onetrust-button-group>#onetrust-pc-btn-handler,#onetrust-button-group>#onetrust-reject-all-handler
color: #151e35!important — selector #onetrust-button-group>#onetrust-pc-btn-handler:hover,#onetrust-button-group>#onetrust-reject-all-handler:hover
color: rgba(22, 30, 53, 1) — selector .css-1nzfs6q:hover div,.css-1nzfs6q:hover a
color: #2A4473 — selector .css-1efdt8i:hover .item-content .text-content h5,.css-1efdt8i:hover .item-content .text-content small
color: #161E35 — selector .css-1efdt8i .item-content .text-content h5
background-color: #4f80d9!important — selector #onetrust-button-group>#onetrust-accept-btn-handler
background-color: #151e35!important — selector #onetrust-button-group>#onetrust-accept-btn-handler:hover
background-color: #fff!important — selector #onetrust-button-group>#onetrust-pc-btn-handler,#onetrust-button-group>#onetrust-reject-all-handler
background-color: transparent — selector .css-oney8d button[data-variant="secondary"]
background-color: rgba(78, 128, 217, 1) — selector .css-oney8d button[data-variant="secondary"]:hover
background-color: rgba(78, 128, 217, 1)!important — selector .css-oney8d button[data-variant="primary"]
background-color: rgba(255, 255, 255, 1)!important — selector .css-oney8d button[data-variant="primary"]:hover

Components and layout

border-radius: 4px!important — selector #onetrust-button-group>#onetrust-accept-btn-handler,#onetrust-button-group>#onetrust-pc-btn-handler,#onetrust-button-group>#onetrust-reject-all-handler
border-radius: .5rem — selector .css-oney8d button
border-radius: 8px — selector .css-ypwq94 button
box-shadow: 0px 0px 0px 2px rgba(22, 30, 53, 1) inset!important — selector .css-oney8d button[data-variant="secondary"]
box-shadow: 0px 0px 0px 2px rgba(78, 128, 217, 1) inset!important — selector .css-oney8d button[data-variant="secondary"]:hover
box-shadow: 0px 0px 0px 2px none inset!important — selector .css-oney8d button[data-variant="primary"]
box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1) inset!important — selector .css-oney8d button[data-variant="primary"]:hover
max-width: none — selector .gatsby-image-wrapper img
max-width: calc(1280px + 16px) — selector .css-1ak34iq
max-width: 100% — selector .css-vnkovg
max-width: 1280px — selector .css-1qmhuf3
max-width: 880px — selector .css-1umqs52
max-width: 1080px — selector .css-lcxw5q
max-width: 760px — selector .css-8isz92
padding: 2px 12px — selector .css-oney8d button
gap: 10px — selector .css-hskm1z
gap: 4px — selector .css-1dm37er
gap: 8px — selector .css-1nzfs6q
gap: 32px — selector .css-1qy5tq3
gap: 16px — selector .css-1efdt8i
gap: 24px — selector .css-ddy0x8
gap: 0 — selector .css-1yu9d6c
gap: 8px 24px — selector .css-ijd2pb
transition: all .15s ease-in-out!important — selector #onetrust-button-group>#onetrust-accept-btn-handler,#onetrust-button-group>#onetrust-pc-btn-handler,#onetrust-button-group>#onetrust-reject-all-handler
transition: opacity 0.3s ease-out,visibility 0.3s ease-out — selector .css-1nzfs6q:hover [data-nav-dropdown]
transition: color 0.3s ease-in-out — selector .css-1nzfs6q div,.css-1nzfs6q a
transition: box-shadow 0.3s ease-in-out,color 0.3s ease-in-out,background-color 0.3s ease-in-out — selector .css-oney8d button[data-variant="secondary"]
transition: opacity 0.2s ease — selector .css-1is5rzh a

Responsive rules

(prefers-reduced-motion:no-preference)
only screen and (max-width:500px)
print
screen and (min-width: 992px)
(prefers-reduced-motion: reduce)
screen and (min-width: 576px)
screen and (min-width: 1100px)
screen and (min-width: 768px)
screen and (min-width: 1240px)
(hover: hover)
(prefers-reduced-motion: reduce),(pointer: coarse)
(min-width: 992px) and (max-height: 800px)
screen and (min-width: 1200px)
(max-height: 500px)
screen and (min-width: 1231px)

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://uxcam.com/ — [data-announcement-bar]~header

--nav-offset: 44px;

https://uxcam.com/ — .css-76k8hi

--spotlight-mask: radial-gradient(
      420px circle at var(--mx, 50%) var(--my, 50%),
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.6) 40%,
      rgba(0, 0, 0, 0) 70%
   );

https://uxcam.com/ — .css-148nrh3

--u: calc(100cqw / 528);

Observed design values, with source selectors. Names shown are CSS properties, not invented official token names.

Property	Declared value	Selector
font-family	`Inter,sans-serif!important`	`#onetrust-button-group>#onetrust-accept-btn-handler,#onetrust-button-group>#onetrust-pc-btn-handler,#onetrust-button-group>#onetrust-reject-all-handler`
font-family	`Inter,'Inter Fallback',-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif`	`body`
font-family	`'Inter',sans-serif`	`.css-1efdt8i .item-content .text-content h5`
font-size	`16px`	`.css-1efdt8i .item-content .text-content h5`
font-size	`10px`	`.css-1efdt8i .item-content .text-content small`
font-size	`12px`	`.css-v2dycx .item-content .text-content small`
font-size	`1rem`	`.css-oney8d button`
font-weight	`500!important`	`#onetrust-button-group>#onetrust-accept-btn-handler,#onetrust-button-group>#onetrust-pc-btn-handler,#onetrust-button-group>#onetrust-reject-all-handler`
font-weight	`500`	`.css-1nzfs6q div,.css-1nzfs6q a`
font-weight	`400`	`.css-1efdt8i .item-content .text-content small`
font-weight	`600`	`.css-1jp0oe h5`
line-height	`1`	`body`
line-height	`1.2`	`.css-1jp0oe h5`
line-height	`1.35`	`.css-1jp0oe p`
letter-spacing	`-0.005em`	`.css-1jp0oe h5`
letter-spacing	`0.0em`	`.css-oney8d button`
color	`#4f80d9!important`	`#onetrust-button-group>#onetrust-pc-btn-handler,#onetrust-button-group>#onetrust-reject-all-handler`
color	`#151e35!important`	`#onetrust-button-group>#onetrust-pc-btn-handler:hover,#onetrust-button-group>#onetrust-reject-all-handler:hover`
color	`rgba(22, 30, 53, 1)`	`.css-1nzfs6q:hover div,.css-1nzfs6q:hover a`
color	`#2A4473`	`.css-1efdt8i:hover .item-content .text-content h5,.css-1efdt8i:hover .item-content .text-content small`
color	`#161E35`	`.css-1efdt8i .item-content .text-content h5`
background-color	`#4f80d9!important`	`#onetrust-button-group>#onetrust-accept-btn-handler`
background-color	`#151e35!important`	`#onetrust-button-group>#onetrust-accept-btn-handler:hover`
background-color	`#fff!important`	`#onetrust-button-group>#onetrust-pc-btn-handler,#onetrust-button-group>#onetrust-reject-all-handler`
background-color	`transparent`	`.css-oney8d button[data-variant="secondary"]`
background-color	`rgba(78, 128, 217, 1)`	`.css-oney8d button[data-variant="secondary"]:hover`
background-color	`rgba(78, 128, 217, 1)!important`	`.css-oney8d button[data-variant="primary"]`
background-color	`rgba(255, 255, 255, 1)!important`	`.css-oney8d button[data-variant="primary"]:hover`
border-radius	`4px!important`	`#onetrust-button-group>#onetrust-accept-btn-handler,#onetrust-button-group>#onetrust-pc-btn-handler,#onetrust-button-group>#onetrust-reject-all-handler`
border-radius	`.5rem`	`.css-oney8d button`
border-radius	`8px`	`.css-ypwq94 button`
box-shadow	`0px 0px 0px 2px rgba(22, 30, 53, 1) inset!important`	`.css-oney8d button[data-variant="secondary"]`
box-shadow	`0px 0px 0px 2px rgba(78, 128, 217, 1) inset!important`	`.css-oney8d button[data-variant="secondary"]:hover`
box-shadow	`0px 0px 0px 2px none inset!important`	`.css-oney8d button[data-variant="primary"]`
box-shadow	`0px 0px 0px 2px rgba(255, 255, 255, 1) inset!important`	`.css-oney8d button[data-variant="primary"]:hover`
max-width	`none`	`.gatsby-image-wrapper img`
max-width	`calc(1280px + 16px)`	`.css-1ak34iq`
max-width	`100%`	`.css-vnkovg`
max-width	`1280px`	`.css-1qmhuf3`
max-width	`880px`	`.css-1umqs52`
max-width	`1080px`	`.css-lcxw5q`
max-width	`760px`	`.css-8isz92`
padding	`2px 12px`	`.css-oney8d button`
gap	`10px`	`.css-hskm1z`
gap	`4px`	`.css-1dm37er`
gap	`8px`	`.css-1nzfs6q`
gap	`32px`	`.css-1qy5tq3`
gap	`16px`	`.css-1efdt8i`
gap	`24px`	`.css-ddy0x8`
gap	`0`	`.css-1yu9d6c`
gap	`8px 24px`	`.css-ijd2pb`
transition	`all .15s ease-in-out!important`	`#onetrust-button-group>#onetrust-accept-btn-handler,#onetrust-button-group>#onetrust-pc-btn-handler,#onetrust-button-group>#onetrust-reject-all-handler`
transition	`opacity 0.3s ease-out,visibility 0.3s ease-out`	`.css-1nzfs6q:hover [data-nav-dropdown]`
transition	`color 0.3s ease-in-out`	`.css-1nzfs6q div,.css-1nzfs6q a`
transition	`box-shadow 0.3s ease-in-out,color 0.3s ease-in-out,background-color 0.3s ease-in-out`	`.css-oney8d button[data-variant="secondary"]`
transition	`opacity 0.2s ease`	`.css-1is5rzh a`

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.
3 custom-property declarations found; 1227 relevant property declarations parsed.

Stylesheet sources

https://uxcam.com/

UXCam

Marketing Pages

Product Interfaces

Emails

UXCam

User Onboarding

UXCam

Free Trial Emails

Visual identity

UXCam — design reference

Typography

Colors and surfaces

Components and layout

Responsive rules

Evidence and limitations

Stylesheet sources