{"id":"5fae307a-90ef-4181-9525-3ac308896ffc","name":"Interaction","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/5fae307a-90ef-4181-9525-3ac308896ffc","originalSiteUrl":"https://www.ijpowell.co.uk","capturedAt":"2026-04-30T01:42:48.363Z","colors":[{"name":"Canvas White","hex":"#e5e7eb","role":"Page backgrounds, subtle borders, inactive elements","group":"neutral","cssVariable":"--color-canvas-white"},{"name":"Ink Black","hex":"#000000","role":"Primary headings, body text, and icon fills on light surfaces. Do not promote it to the primary CTA color","group":"neutral","cssVariable":"--color-ink-black"}],"typography":[{"role":"All textual content, embodying a precise, almost engraved quality.","sizes":"17px","family":"Antique Legacy","weight":"400","lineHeight":"1.25","substitute":"Times New Roman","letterSpacing":"-0.0250em"},{"role":"Times — detected in extracted data but not described by AI","sizes":"17px","family":"Times","weight":"400","lineHeight":"1.25","letterSpacing":"-0.025"}],"spacing":{"radius":{"buttons":"9999px","navItems":"9999px"},"elementGap":"12px","sectionGap":"48px","cardPadding":"0px"},"radius":{"buttons":"9999px","navItems":"9999px"},"guidelines":{"do":["Prioritize stark black-on-white contrast across all UI elements.","Apply Antique Legacy (or Times New Roman substitute) at 17px with -0.0250em letter-spacing for all text roles.","Use 9999px border-radius for all interactive navigation elements and similar tags.","Maintain a comfortable density with 12px for small element gaps and 48px for general section padding.","Present content images flush within an `Ink Black` background, without borders or padding."],"dont":["Do not introduce overt colors; restrict the palette to `Ink Black` and `Canvas White`.","Avoid shadows or complex elevation; maintain a flat, two-dimensional aesthetic.","Do not vary font sizes or weights for hierarchy; rely on layout and context.","Refrain from using gradients or decorative backgrounds.","Do not add extra padding or borders to content images; they should sit precisely on their `Ink Black` panel."]}}