{"id":"5fae307a-90ef-4181-9525-3ac308896ffc","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","licenseNote":"Public design-reference facts mirrored from Refero for agent context. Keep source attribution visible and verify rights before reusing media, logos, or brand assets.","name":"Interaction","summary":"Minimalist digital folio","description":"The Isaac Powell system conveys a stark, almost monastic minimalism, using an extreme black-on-white polarity. Typography is consistently small and tracked tightly. The design is devoid of significant color or elevation, directing focus entirely onto content framed by sharp, unornamented boundaries. Interaction elements are subtle ghost outlines or simple text links, maintaining a subdued aesthetic.","industry":"design","colorScheme":"light","colors":[{"name":"Canvas White","hex":"#e5e7eb","role":"Page backgrounds, subtle borders, inactive elements","group":"neutral"},{"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"}],"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."]},"components":[{"name":"Ghost Navigation Item","role":"Navigation links (e.g., 'Reel', 'Info')"},{"name":"Footer Text Link","role":"Informational links in the footer"},{"name":"Content Image Card","role":"Visual content display"}],"customSections":[{"title":"Agent Prompt Guide","content":"Quick Color Reference:\ntext: #000000\nbackground: #e5e7eb\nborder: #e5e7eb\naccent: no distinct accent color\nprimary action: no distinct CTA color\n\nExample Component Prompts:\n1. Create a primary navigation link titled 'Reel': use 'Antique Legacy' (or 'Times New Roman') at 17px, weight 400, color #000000, letter-spacing -0.0250em. Include a border on hover using #e5e7eb (1px solid) and a 9999px border-radius.\n2. Design a footer information link 'Send An Email': use 'Antique Legacy' (or 'Times New Roman') at 17px, weight 400, color #000000, letter-spacing -0.0250em.\n3. Build an image content block: set background to #000000. Place an image flush within, no padding or border, ensuring it is grayscale(1)."}],"media":{"screenshotUrl":"https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513356480-screenshot.jpg","thumbnailUrl":"https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777513356480-thumb.jpg"},"similarStyleIds":["b76c7503-0217-4822-80b2-18fa19af46ee","35ff063b-1fcc-48a2-83b3-56da01e23880","4067a82e-c6fe-4236-9487-805f25c11864","25009c35-8b3b-4898-9295-3e0e0aa07207","81a66e75-23af-4525-8a4e-f4a54c2700e7","da316896-0121-433a-8188-e785ce7eac68","14f10100-a102-427a-88d1-7cc80cbb332d","8321c2d1-686f-4752-9156-ea613a879b9e","b1e82907-d1cf-46cd-8ae7-3561c5b15fd0","2b014368-6db1-417b-b84a-8af9c6450b53","e67ac20e-6497-4756-b7e2-17859a794fb6","733f32ca-efc3-40fb-bc58-327bd2b45828","36752f78-1c43-471b-b125-e82152ad23dd","6bc0dff4-b803-4e0c-a8f5-bef016843ae8","04f6cb02-de90-4d78-9c5f-0eb52f826484","572bc29f-8827-4f77-b248-08dddf1c2e26","fe602c0f-2862-432b-88fc-fa5f9fbc3c78","03a78f26-ebd4-4d09-9012-7c69d327df9a","c5e7dacd-ae69-4cd8-8ff4-384951a0cde5","267405a2-54c9-4f64-b350-9a2d469d1a71"],"exports":{"designMdUrl":"/references/refero/5fae307a-90ef-4181-9525-3ac308896ffc/design.md","tokensJsonUrl":"/references/refero/5fae307a-90ef-4181-9525-3ac308896ffc/tokens.json","tailwindV4Url":"/references/refero/5fae307a-90ef-4181-9525-3ac308896ffc/tailwind-v4.css","cssVariablesUrl":"/references/refero/5fae307a-90ef-4181-9525-3ac308896ffc/tailwind-v4.css"}}