{"id":"35ff063b-1fcc-48a2-83b3-56da01e23880","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/35ff063b-1fcc-48a2-83b3-56da01e23880","originalSiteUrl":"https://minimalissimo.com","capturedAt":"2026-04-30T01:54:34.931Z","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":"Minimalissimo","summary":"White gallery canvas.","description":"Minimalissimo embodies a restrained, almost stark aesthetic where content is paramount. It utilizes an achromatic palette with crisp contrasts, creating an open and airy feel. Typography is compact and precise, driving hierarchy and focus without visual flourish. Components maintain a ghost-like presence, subtly hinting at interaction rather than demanding attention, ensuring images and text are the primary visual experience.","industry":"design","colorScheme":"light","colors":[{"name":"Inkwell","hex":"#000000","role":"Primary text, core UI elements, strong borders, icon fills. Provides high contrast","group":"neutral"},{"name":"Canvas","hex":"#f5f5f5","role":"Dominant page and section backgrounds, giving a clean, expansive base","group":"neutral"},{"name":"Sterling","hex":"#999999","role":"Medium-contrast borders, control outlines, and structural separators. Do not promote it to the primary CTA color","group":"neutral"},{"name":"Porcelain","hex":"#ffffff","role":"Component backgrounds within sections, elevated surfaces. Provides internal contrast against Canvas","group":"neutral"},{"name":"Pale Ash","hex":"#e0e0e0","role":"Neutral form states, badge text, and quiet UI feedback where color should stay understated. Do not promote it to the primary CTA color","group":"neutral"},{"name":"Storm Gray","hex":"#a1a1a1","role":"Tertiary body text, informational text, less prominent details","group":"neutral"},{"name":"Whisper White","hex":"#efefef","role":"Background for subtle interactive elements like inputs and ghost buttons, providing a slight visual lift","group":"neutral"}],"typography":[{"role":"The sole typeface for all text content, from body to headings. Its compact, neutral quality maintains the minimalist aesthetic. A single weight ensures consistency and relies on size for hierarchy.","sizes":"12px, 14px, 16px, 24px","family":"GeistSans","weight":"400","lineHeight":"1.10, 1.30, 1.40, 1.43, 1.50","substitute":"Inter, Arial, sans-serif","letterSpacing":"normal"}],"typeScale":[{"role":"caption","size":12,"lineHeight":1.5},{"role":"body-sm","size":14,"lineHeight":1.43},{"role":"body","size":16,"lineHeight":1.4},{"role":"heading","size":24,"lineHeight":1.3}],"spacing":{"radius":{"cards":"8px","links":"4px","inputs":"4px","buttons":"4px"},"elementGap":"16px","sectionGap":"96px","cardPadding":"16px"},"radius":{"cards":"8px","links":"4px","inputs":"4px","buttons":"4px"},"shadows":{"surfaces":[{"hex":"#f5f5f5","name":"Canvas","level":0,"purpose":"Broadest page backgrounds, creating a sense of openness and serving as a neutral backdrop for content."},{"hex":"#ffffff","name":"Porcelain","level":1,"purpose":"Elevated components or content blocks, providing a subtle differentiation from the Canvas."},{"hex":"#efefef","name":"Whisper White","level":2,"purpose":"Interactive element backgrounds like input fields and subtle buttons, offering a slight visual cue without strong contrast."}]},"guidelines":{"do":["Use GeistSans 400 for all typographic elements, varying only size for hierarchy.","Maintain high contrast text with Inkwell (#000000) on Canvas (#f5f5f5) or Porcelain (#ffffff) backgrounds.","Apply a 4px border-radius to all interactive elements like buttons and input fields.","When a button is not a primary action, render it as text-only with Inkwell (#000000) for a ghost-like appearance.","Utilize Whisper White (#efefef) sparingly, primarily for subtle input backgrounds or very soft button fills.","Separate content sections with ample vertical spacing, defaulting to sectionGap (96px) where appropriate.","Prioritize photography and crisp typography as primary visual elements, minimizing decorative UI."],"dont":["Avoid using any chromatic colors; maintain a purely achromatic palette.","Do not introduce heavy borders, drop shadows, or strong gradients that would detract from the content.","Refrain from using multiple font families or font weights other than 400 for GeistSans.","Do not clutter layouts with excessive UI elements; focus on functional minimalism.","Avoid large, attention-grabbing primary action buttons; keep interactive elements understated.","Do not apply padding or visible backgrounds to image grid items; let them float on the Canvas background.","Do not use underlines for links unless absolutely necessary for clarity in dense text blocks."]},"components":[{"name":"Ghost Button","role":"Minimalist interactive element"},{"name":"Subtle Filled Button","role":"Call to action or form submission"},{"name":"Text Link Item","role":"Navigation and content linking"},{"name":"Minimal Input Field","role":"User input for forms"},{"name":"Image Grid Card","role":"Displaying content previews in a grid"}],"customSections":[{"title":"Agent Prompt Guide","content":"### Quick Color Reference\ntext: #000000\nbackground: #f5f5f5\nborder: #e0e0e0\naccent: no distinct accent color\nprimary action: no distinct CTA color\n\n### Example Component Prompts\n1. Create a `Minimal Input Field`: Whisper White background (#efefef), Pale Ash border (#e0e0e0), 4px border-radius. Placeholder text in Sterling (#999999), 16px GeistSans 400. Left and right padding 16px, top and bottom padding 16px.\n2. Design a `Subtle Filled Button`: Whisper White background (#efefef), Inkwell text (#000000), 4px border-radius. Border in Pale Ash (#e0e0e0). Padding 16px horizontal, 16px vertical.\n3. Implement a `Ghost Button`: No background, no border. Inkwell text (#000000), 16px GeistSans 400. Padding 0px.\n4. Build an `Image Grid Card`: No background, no visible border. Image fills the available space. Caption text in Inkwell (#000000), 14px GeistSans 400.\n5. Create a `Content Section` with Canvas background (#f5f5f5) and a primary heading `Minimalist Principles` in Inkwell (#000000), 24px GeistSans 400, followed by a body paragraph in Inkwell (#000000), 16px GeistSans 400, with a `Text Link Item` 'Learn More' in Sterling (#999999)."}],"media":{"screenshotUrl":"https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514056042-screenshot.jpg","thumbnailUrl":"https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/1777514056042-thumb.jpg","previewVideoUrl":"https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/35ff063b-1fcc-48a2-83b3-56da01e23880-1777581815542-preview.mp4","previewVideoPosterUrl":"https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/35ff063b-1fcc-48a2-83b3-56da01e23880-1777581815542-preview-poster.jpg","previewVideoDetailUrl":"https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/35ff063b-1fcc-48a2-83b3-56da01e23880-1777581815542-preview-detail.mp4","previewVideoDetailPosterUrl":"https://ysxnuuuj3kqhdyj2.public.blob.vercel-storage.com/35ff063b-1fcc-48a2-83b3-56da01e23880-1777581815542-preview-detail-poster.jpg"},"similarStyleIds":["25009c35-8b3b-4898-9295-3e0e0aa07207","b76c7503-0217-4822-80b2-18fa19af46ee","5fae307a-90ef-4181-9525-3ac308896ffc","6bc0dff4-b803-4e0c-a8f5-bef016843ae8","4067a82e-c6fe-4236-9487-805f25c11864","cef25151-078c-4631-8f02-4f204f071b8b","5fd2cdc0-05ac-4290-b67c-72e7525a532c","e6c20874-c6f9-4c31-b6b2-2cb27cbf15f2","e67ac20e-6497-4756-b7e2-17859a794fb6","ff8f39ee-a10e-4a9d-a94d-6993c6084060","94c15607-2f19-4dc4-9aec-2b40f28b754f","a9fd26a1-7741-49fd-aceb-ca734153b927","36752f78-1c43-471b-b125-e82152ad23dd","f329f8b4-16d4-430d-9687-7cdf750f29ac","04f6cb02-de90-4d78-9c5f-0eb52f826484","8321c2d1-686f-4752-9156-ea613a879b9e","55c6d667-40f5-45c6-9ffe-3e9543334186","7bd31579-aec1-485c-91cf-72bbdfac40cd","14f10100-a102-427a-88d1-7cc80cbb332d","e80c5b4a-fd03-460e-a577-49928a4ab5db"],"exports":{"designMdUrl":"/references/refero/35ff063b-1fcc-48a2-83b3-56da01e23880/design.md","tokensJsonUrl":"/references/refero/35ff063b-1fcc-48a2-83b3-56da01e23880/tokens.json","tailwindV4Url":"/references/refero/35ff063b-1fcc-48a2-83b3-56da01e23880/tailwind-v4.css","cssVariablesUrl":"/references/refero/35ff063b-1fcc-48a2-83b3-56da01e23880/tailwind-v4.css"}}