Guglieri

Guglieri.com presents itself as a stark, high-contrast digital canvas for showcasing work. Its visual style is predominantly dark, minimal, and typography-driven, with subtle interactive elements. The design prioritizes clear information hierarchy through careful typographic variations and a constrained color palette of intense blacks and whites, accented by strategic use of fine gray lines and text. Components are kept lightweight, focusing on functionality over decoration, creating an immersive, focused browsing experience. Prioritize Absolute Zero (#000000) as the dominant background color to maintain the dark, high-contrast aesthetic. Use Canvas White (#ffffff) for all primary headings and body text to ensure sharp readability against dark backgrounds. Apply Raveo Variable with its 1000 weight and specified letter spacing for all major headlines to convey strong visual impact. Maintain minimal visual hierarchy for buttons, utilizing ghost or subtly filled variants with large border-radii (28px or 40px). Employ Text Gray (#454545) or Hairline Gray (#575757) for secondary information, metadata, or subtle dividers to add nuance without compromising contrast. Utilize an 8px radius for interactive link elements and navigation items. Ensure generous elementGap of 8px and sectionGap of 40px to create ample breathing room between content blocks. Avoid introducing bright or saturated colors beyond functional accents; the system relies on a monochromatic palette. Do not use heavy shadows or multi-layered elevations, as the design philosophy leans towards flat, crisp surfaces. Refrain from using lightweight fonts for headings or prominent text; the Raveo Variable 1000 weight is critical for brand recognition. Do not deviate from the high-contrast pairing of Canvas White on Absolute Zero for primary content, as it's foundational to the visual identity. Avoid complex gradients or patterned backgrounds; keep surfaces clean and solid. Do not use generic square buttons or sharply angled corners; button radii should typically be 28px or 40px. Do not use Arial outside of input fields; body copy should use Inter Display or a geometric sans-serif substitute.