{"id":"c47654a9-7d7a-4b2c-8e0a-cd9296719c69","name":"Haley Park","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/c47654a9-7d7a-4b2c-8e0a-cd9296719c69","originalSiteUrl":"https://haleys.design","capturedAt":"2026-04-30T03:24:46.654Z","colors":[{"name":"Forest Canopy","hex":"#143930","role":"Page background, heading background fills, primary surface. Creates a deep, contemplative atmosphere","group":"neutral","cssVariable":"--color-forest-canopy"},{"name":"Parchment White","hex":"#f8f2de","role":"Primary text, link text, borders, decorative accents. Its slight warmth prevents a stark contrast with the dark background, maintaining the antique feel. Used for outlined ghost buttons","group":"neutral","cssVariable":"--color-parchment-white"},{"name":"Moss Line","hex":"#456859","role":"Subtle borders, secondary decorative elements, icon outlines. Offers just enough contrast for structural lines without disrupting the soft visual texture","group":"neutral","cssVariable":"--color-moss-line"}],"typography":[{"role":"Primary body text, links, list items, and smaller headings. Its classic serif forms contribute to the traditional, manuscript-like character.","sizes":"16px, 19px, 21px, 22px, 27px, 32px","family":"EditorialOld","weight":"200","weights":[200],"lineHeight":"1.20, 1.30, 1.50","substitute":"Lora","letterSpacing":"0.0040em, 0.0050em"},{"role":"Display headlines – extremely light weight and tight tracking create an ethereal, elegant title that feels whispered rather than shouted.","sizes":"96px","family":"Wispy","weight":"100","weights":[100],"lineHeight":"1.00","substitute":"Recursive Sans","letterSpacing":"-0.96px at 96px"},{"role":"Auxiliary body text, helper text, and secondary information presented in a highly readable, classic serif.","sizes":"13px, 16px","family":"Old Standard TT","weight":"200","weights":[200],"lineHeight":"1.50","substitute":"Old Standard TT","letterSpacing":"normal"},{"role":"Secondary textual content, possibly for smaller annotations or details where a slightly more contemporary serif is desired.","sizes":"15px, 21px","family":"GTA","weight":"300","weights":[300],"lineHeight":"1.60","substitute":"Playfair Display","letterSpacing":"0.0040em"},{"role":"Decorative icons and ornamental text elements, evoking historical printing.","sizes":"16px, 21px","family":"bodoni-classic-ornaments","weight":"200, 300, 400","weights":[200,300,400],"lineHeight":"1.44, 1.50","substitute":"Decorative Dingbats or Zapf Dingbats","letterSpacing":"0.0110em"},{"role":"A distinct heading font for specific sections, offering a unique, elegant serif character that complements the primary heading style.","sizes":"27px","family":"altesse-std-24pt","weight":"300","weights":[300],"lineHeight":"1.10","substitute":"Perpetua Titling MT","letterSpacing":"normal"},{"role":"ui-sans-serif — detected in extracted data but not described by AI","sizes":"16px","family":"ui-sans-serif","weight":"100, 400","lineHeight":"1.5"}],"spacing":{"radius":{"circle":"64px","default":"4.8px"},"elementGap":"11px","sectionGap":"26px","cardPadding":"26px"},"radius":{"circle":"64px","default":"4.8px"},"guidelines":{"do":["Prioritize Forest Canopy (#143930) for all main backgrounds to maintain the deep, dark ambiance.","Use Parchment White (#f8f2de) exclusively for primary text, links, and borders, reserving it for elements that need to stand out from the dark background.","Apply Moss Line (#456859) for secondary decorative strokes, subtle outlines, and subdued graphic elements to add detail without high contrast.","Employ the 'Wispy' font (96px, 100 weight, -0.96px letter-spacing) for primary hero headlines to achieve an ethereal, elegant feel.","Structure interactive elements like navigation and project listings with text on transparent backgrounds, using only a Parchment White (#f8f2de) border or underline for definition.","Maintain a comfortable density with element gaps at `11px` and section gaps at `26px` to allow content to breathe without feeling sparse.","Utilize 0px border-radius for components like project cards and buttons to reinforce a sharp, traditional print aesthetic."],"dont":["Avoid using bright, saturated colors for UI elements; stick to the muted palette provided.","Do not introduce heavy shadows or prominent elevation; maintain a flat, layered visual approach with subtle outlines.","Refrain from using bold or heavy font weights for headlines or primary text where lightness and elegance are key.","Do not use large, solid background fills for interactive components; prefer ghost styles with borders or underlines.","Avoid decorative imagery that clashes with the site's 'Gothic manuscript' aesthetic; prioritize line art, subtle textures, or classic ornaments.","Do not deviate from the specified typefaces and their distinct letter-spacing values to preserve the unique typographic voice.","Avoid arbitrary border radii; use 0px by default, and 4.8px very sparingly for elements that require a slight softening."]}}