{"id":"54f257e9-1d6b-4410-b94a-1dfe648ecc87","name":"Stripe Press","source":{"name":"Refero","url":"https://styles.refero.design/","kind":"public-design-reference"},"contributors":[{"name":"Refero","role":"reference-helper","url":"https://styles.refero.design/"}],"attributionLabel":"Referenced with help from Refero","sourceUrl":"https://styles.refero.design/style/54f257e9-1d6b-4410-b94a-1dfe648ecc87","originalSiteUrl":"https://press.stripe.com","capturedAt":"2026-04-11T15:50:32.565Z","colors":[{"name":"Deep Slate","hex":"#222222","role":"Primary page background, general surface. The canvas against which all other elements are presented, providing a deep, consistent visual anchor.","group":"neutral","cssVariable":"--color-deep-slate"},{"name":"Rich Mocha","hex":"#201819","role":"Background for certain interactive elements or sections, offering a slightly warmer, off-black variant for subtle depth contrast.","group":"neutral","cssVariable":"--color-rich-mocha"},{"name":"Ink Black","hex":"#000000","role":"Text for light backgrounds (not currently prevalent but present in the data), subtle borders, icons. Used when maximum contrast is needed against lighter neutrals.","group":"neutral","cssVariable":"--color-ink-black"},{"name":"Digital White","hex":"#ffffff","role":"Primary text color against dark backgrounds, iconography, borders on dark elements. The main bright element that draws attention to content.","group":"neutral","cssVariable":"--color-digital-white"},{"name":"Ash Gray","hex":"#d0d1d4","role":"Subtle text and accents against dark backgrounds, providing slightly lower contrast than Digital White.","group":"neutral","cssVariable":"--color-ash-gray"},{"name":"Pale Stone","hex":"#dbdbdb","role":"Decorative lines, muted borders, or backgrounds where a very light neutral is needed against a dark surface.","group":"neutral","cssVariable":"--color-pale-stone"},{"name":"Amber Parchment","hex":"#dfc78","role":"Accent text and borders for specific 'book' modules, evoking aged paper or a golden glow. This color is one of the many distinct identity markers for individual books.","group":"brand","cssVariable":"--color-amber-parchment"},{"name":"Indigo Ink","hex":"#18185","role":"Accent text and borders for specific 'book' modules, providing a deep, intellectual pop of color. Distinct identity.","group":"brand","cssVariable":"--color-indigo-ink"},{"name":"Rose Bloom","hex":"#ebadcb","role":"Accent text and borders for specific 'book' modules, offering a softer, delicate counterpoint. Distinct identity.","group":"brand","cssVariable":"--color-rose-bloom"},{"name":"Cerulean Haze","hex":"#dee6ff","role":"Accent text and borders for specific 'book' modules, a cool, almost metallic bright. Distinct identity.","group":"brand","cssVariable":"--color-cerulean-haze"},{"name":"Terra Cotta","hex":"#e48244","role":"Accent text and borders for specific 'book' modules, a grounded, warm accent. Distinct identity.","group":"brand","cssVariable":"--color-terra-cotta"},{"name":"Crimson Blaze","hex":"#ff4445","role":"Accent text and borders for specific 'book' modules, a bold and energetic marker. Distinct identity.","group":"brand","cssVariable":"--color-crimson-blaze"},{"name":"Midnight Violet","hex":"#0b1743","role":"Accent text and borders for specific 'book' modules, a dark, rich, and mysterious tone. Distinct identity.","group":"brand","cssVariable":"--color-midnight-violet"}],"typography":[{"role":"Headlines and prominent navigation items. Its refined form combined with a slightly larger letter-spacing provides a sense of considered elegance. The range of weights allows for hierarchy where 400 is dominant and 600 provides emphasis.","sizes":"15px, 16px, 17px, 18px, 21px","family":"Ivar Headline","weight":"400, 600","lineHeight":"1.00, 1.20, 1.30, 1.50","substitute":"Georgia","letterSpacing":"-0.3px at 15px, -0.32px at 16px, -0.36px at 18px, -0.42px at 21px"},{"role":"Body text, subheadings, and more detailed descriptions. The serif style lends an academic, timeless feel. Its slightly tighter letter-spacing ensures readability in longer passages.","sizes":"14px, 16px, 17px, 18px, 25px","family":"Ivar Text","weight":"400, 500","lineHeight":"1.00, 1.20, 1.30, 1.40, 1.50","substitute":"Lora","letterSpacing":"-0.27px at 14px, -0.34px at 17px, -0.47px at 25px"}],"spacing":{"radius":{"all":"2px"},"elementGap":"4-24px","sectionGap":"20-30px","cardPadding":"0px"},"radius":{"all":"2px"},"guidelines":{"do":["Prioritize `Deep Slate` (#222222) as the default page background for a consistent dark theme.","Use `Digital White` (#ffffff) for all primary text against dark backgrounds, maintaining high contrast.","Apply `Ivar Headline` at 15px weight 400 with `letter-spacing: 0.015em` for all navigation and prominent headers.","Ensure all interactive elements (like book cards) have a distinct accent color for their text and a contrasting background, drawing from the `brand` group.","Maintain a 0px border radius for most elements and a sharp 2px for subtle interactive components like scroll indicators, preserving the precise, angular aesthetic."],"dont":["Avoid generic button styles with borders or solid background colors, as buttons are primarily represented by the 'book' aesthetic.","Do not introduce strong drop shadows, as the system relies on distinct background colors for depth and separation.","Do not deviate from the `Ivar Headline` and `Ivar Text` fonts; custom typography is a core identity element.","Refrain from using gradients on surfaces or text; this design relies on solid, distinct color blocks.","Avoid highly rounded corners; the dominant shape is rectangular, with minimal 2px radii for specific components."]}}