Fullstory

Fullstory — design reference

Source: https://www.fullstory.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: neulis-sans,sans-serif — selector .RichTextArticle-module--post-article--6d234 blockquote p
• font-family: neulis-neue,sans-serif — selector .SimpleCard-module--content--fd803 blockquote>p
• font-size: 2.25rem — selector .RotatingMedia-module--section--76dac h3
• font-size: 2rem — selector .RotatingMedia-module--inline--3d26d h2
• font-size: 1.125rem — selector .SideScroll-module--side-scroll--168fa .SideScroll-module--superheading--e9497
• font-size: 1.5rem — selector .SideScroll-module--side-scroll--168fa .SideScroll-module--superheading--e9497
• font-size: 2.67rem — selector .SideScroll-module--overlapping-bleed--2cf65 .SideScroll-module--content--b8f67 .SideScroll-module--copy--e2d90 h3
• font-size: 1.1rem — selector .SideScroll-module--overlapping-bleed--2cf65 .SideScroll-module--content--b8f67 .SideScroll-module--copy--e2d90 p
• font-size: 1.25rem — selector .SideScroll-module--cards--d985a .SideScroll-module--card--01a2a .SideScroll-module--cta--81735
• font-size: 3rem — selector .Links-module--webinar-heading--f4cc7
• font-weight: 300 — selector .RotatingMedia-module--inline--3d26d h2
• font-weight: 700 — selector .SideScroll-module--side-scroll--168fa .SideScroll-module--superheading--e9497
• font-weight: 400 — selector .SideScroll-module--cards--d985a .SideScroll-module--card--01a2a .SideScroll-module--title--dec04
• font-weight: 600 — selector .MarketoForm-module--marketo-form--415fb .mktoButton
• font-weight: 500 — selector .sessionList-module--save-button--4d335,.sessionList-module--video-button--e60a0
• font-weight: unset — selector .ThreeUp-module--animated--93913 a,.ThreeUp-module--animated--93913 a:focus,.ThreeUp-module--animated--93913 a:hover,.ThreeUp-module--animated--93913 a:visited
• font-weight: 400!important — selector .theme-lilac-of-sleep-slim h1,.theme-lilac-of-sleep-slim h2
• line-height: 1.875rem — selector .SideScroll-module--bleed--acb5e .SideScroll-module--content--b8f67 .SideScroll-module--copy--e2d90 p
• line-height: 2.25rem — selector .SideScroll-module--snippets--c1418 .SideScroll-module--snippet--1bcd2 h4
• line-height: 20px — selector .MarketoForm-module--marketo-form--415fb .mktoButton
• line-height: 16px — selector .sessionList-module--save-button--4d335
• line-height: 1rem — selector .sessionList-module--video-button--e60a0
• line-height: 48px — selector .sessionList-module--session-title--9e969
• line-height: 30px — selector .SimpleCard-module--container--c3331
• line-height: 1.2 — selector .MasonryGrid-module--card--c96c0 .MasonryGrid-module--copy--63266 .MasonryGrid-module--cta--6c4ee,.MasonryGrid-module--card--c96c0 .MasonryGrid-module--copy--63266 .MasonryGrid-module--cta--6c4ee p
• letter-spacing: .11em — selector .Header-module--logo--6d753 span.Header-module--london--cddab

Colors and surfaces

• color: #000 — selector .SideScroll-module--cards--d985a .SideScroll-module--card--01a2a
• color: #fff — selector .Links-module--primary-button--e5d54
• color: #11ab85 — selector .Links-module--outlined-button--906a8
• color: #059573 — selector .Links-module--outlined-button--906a8:hover
• color: #135050 — selector .RichTextConverter-module--quote--2e59f p
• color: #07c799 — selector .StylizedHeadlineCallout-module--evergreen-deep--e3de6 a
• color: #0071e4 — selector .sessionList-module--more-button--c0d31
• background-color: #11ab85 — selector .Links-module--primary-button--e5d54
• background-color: #059573 — selector .Links-module--primary-button--e5d54:hover
• background-color: transparent — selector .Links-module--outlined-button--906a8
• background-color: #daf7f0 — selector .Links-module--outlined-button--906a8:hover
• background-color: #fe3876 — selector .Links-module--pink-button--d2f5d
• background-color: #ffa2ba — selector .Links-module--pink-button--d2f5d:hover
• background-color: #891291 — selector .Links-module--purple-button--ccfe7
• background-color: #b418be — selector .Links-module--purple-button--ccfe7:hover

Components and layout

• border-radius: .5rem — selector .SideScroll-module--cards--d985a .SideScroll-module--card--01a2a
• border-radius: .25rem — selector .Links-module--primary-button--e5d54
• border-radius: 50% — selector .HeadingCtas-module--dialog--3e716 .HeadingCtas-module--close-button--c1d34
• border-radius: 6px — selector .MarketoForm-module--marketo-form--415fb .mktoButton
• border-radius: 4px — selector .sessionList-module--save-button--4d335
• border-radius: .625rem — selector .ThreeUp-module--section--20243.theme-evergreen-multi-tasker .ThreeUp-module--card--c78df
• border-radius: 1rem — selector .TabbedContent-module--links--d1776.TabbedContent-module--tab-container--91223 img
• border-radius: .6875rem — selector .TwoColumnImageWithCards-module--section--f77b3 .TwoColumnImageWithCards-module--columns--05b0a .TwoColumnImageWithCards-module--cards--298bc .TwoColumnImageWithCards-module--card--37ef2
• box-shadow: 0 .25rem .5rem rgba(0,0,0,.15) — selector .HeadingCtas-module--dialog--3e716 .HeadingCtas-module--close-button--c1d34
• max-width: 1184px — selector .ContentContainer-module--container--51418
• max-width: none — selector .ContentContainer-module--container-full--d2b62
• max-width: 1440px — selector .ContentContainer-module--container-wide--60cef
• max-width: 42rem — selector .RotatingMedia-module--section--76dac h3
• max-width: 9rem — selector .RotatingMedia-module--section--76dac .RotatingMedia-module--media--0aaf1 .RotatingMedia-module--media-set--7fa68 img,.RotatingMedia-module--section--76dac .RotatingMedia-module--media--0aaf1 .RotatingMedia-module--media-set--7fa68 svg
• max-width: 6rem — selector .RotatingMedia-module--section--76dac .RotatingMedia-module--media--0aaf1 .RotatingMedia-module--media-set--7fa68 img,.RotatingMedia-module--section--76dac .RotatingMedia-module--media--0aaf1 .RotatingMedia-module--media-set--7fa68 svg
• max-width: 40rem — selector .RotatingMedia-module--inline--3d26d h2
• max-width: 26rem — selector .RotatingMedia-module--inline--3d26d h2
• padding: 0 24px — selector .ContentContainer-module--container--51418
• padding: 0 — selector .ContentContainer-module--container-full--d2b62
• padding: 3rem 1.5rem 1.5rem — selector .RotatingMedia-module--section--76dac
• padding: 0 1.5rem — selector .RotatingMedia-module--section--76dac
• padding: 2.5rem 1.875rem — selector .SideScroll-module--cards--d985a .SideScroll-module--card--01a2a
• padding: .75rem 2rem — selector .Links-module--primary-button--e5d54
• padding: 3rem 2rem 2rem — selector .BrandCampaignHero-module--modal-overlay--71c8f .BrandCampaignHero-module--modal-content--b746b
• padding: 1rem — selector .BrandCampaignHero-module--modal-overlay--71c8f .BrandCampaignHero-module--modal-content--b746b .BrandCampaignHero-module--modal-close--da485
• gap: 0 3rem — selector .RotatingMedia-module--section--76dac .RotatingMedia-module--media--0aaf1 .RotatingMedia-module--media-set--7fa68
• gap: 1.25rem — selector .SideScroll-module--cards--d985a
• gap: .25rem — selector .SideScroll-module--cards--d985a .SideScroll-module--card--01a2a .SideScroll-module--cta--81735
• gap: 1rem 2rem — selector .HeadingCtas-module--ctas--26ab6
• gap: .75rem — selector .sessionList-module--video-button--e60a0
• gap: 1rem — selector .TabbedContent-module--links--d1776.TabbedContent-module--tab-container--91223 .TabbedContent-module--link-column--3c46b .TabbedContent-module--link--8daa2
• gap: 3rem — selector .TwoColumnImageWithCards-module--section--f77b3 .TwoColumnImageWithCards-module--columns--05b0a
• gap: 1.5rem — selector .TwoColumnImageWithCards-module--section--f77b3 .TwoColumnImageWithCards-module--columns--05b0a .TwoColumnImageWithCards-module--cards--298bc
• transition: opacity .5s var(--delay) ease-in-out — selector .RotatingMedia-module--section--76dac .RotatingMedia-module--media--0aaf1 .RotatingMedia-module--media-set--7fa68 li
• transition: transform .3s ease-out — selector .SideScroll-module--cards--d985a .SideScroll-module--card--01a2a .SideScroll-module--background-image--85997
• transition: all .3s ease-out — selector .SideScroll-module--cards--d985a .SideScroll-module--card--01a2a .SideScroll-module--cta--81735,.SideScroll-module--cards--d985a .SideScroll-module--card--01a2a .SideScroll-module--title--dec04
• transition: all .2s ease-in-out — selector .Links-module--primary-button--e5d54
• transition: display allow-discrete .3s ease-in-out,overlay allow-discrete .3s ease-in-out — selector .HeadingCtas-module--dialog--3e716
• transition: background-color .3s ease-in-out — selector .MarketoForm-module--marketo-form--415fb .mktoButton
• transition: all .3s ease-in-out — selector .MasonryGrid-module--card--c96c0

Responsive rules

(min-width:1024px)
(min-width:1800px)
(min-width:768px)
(min-width:1200px)
(min-width:576px)
(min-width:400px)
(max-width:767px)
(prefers-reduced-motion:no-preference)
(min-width:840px)
(min-width:1085px)
(min-width:1086px)
(min-width:1600px)
(min-width:740px)
(prefers-reduced-motion:no-preference)and (prefers-reduced-motion:no-preference)
(min-width:768px)and (min-width:1200px)