Curious about the design behind realitysandwich.com?
SiteFontCheck scanned their live CSS architecture and identified 1 unique font family.
The website relies heavily on rooney-web, sans-serif for its main text elements across its main text elements.
Below is the precise map of font sizes, weights, and text elements used across their site.
Detected Fonts
1 foundrooney-web, sans-serif
/* Styles for the container and SVG responsiveness */ .static-animated-logo-container { width: 66px; /* Desktop width */ margin: 0 auto; /* Optional: centers the logo */ } .static-animated-logo-container svg { width: 100%; height: auto; display: block; } /* Adjust breakpoint as needed */ @media (max-width: 767px) { .static-animated-logo-container { width: 50px; /* Mobile width */ } } /* Shared initial styles for all paths to be animated */ .animated-path-static { fill: transparent; /* Start with no fill */ stroke: #FAC711; /* NEW Color for the stroke/outline */ stroke-width: 1; /* Adjust stroke width as desired (e.g., 0.5, 1, 2) */ } /* Animation Keyframes */ @keyframes trace-animation-static { to { stroke-dashoffset: 0; /* Draw the line */ } } @keyframes fill-animation-static { to { fill: #FAC711; /* NEW Fill with the target color */ } } /* Path 1: Length 594.362 */ #path1-animated-static { stroke-dasharray: 594.362; stroke-dashoffset: 594.362; animation: trace-animation-static 1.5s ease-out forwards, fill-animation-static 0.5s 1.5s ease-out forwards; } /* Path 2: Length 363.907 */ #path2-animated-static { stroke-dasharray: 363.907; stroke-dashoffset: 363.907; animation: trace-animation-static 1.5s ease-out forwards, fill-animation-static 0.5s 1.5s ease-out forwards; } /* Path 3: Length 316.356 */ #path3-animated-static { stroke-dasharray: 316.356; stroke-dashoffset: 316.356; animation: trace-animation-static 1.5s ease-out forwards, fill-animation-static 0.5s 1.5s ease-out forwards; }
Loading preview...