Rogie King

Rogie's personal site uses a warm, vintage digital aesthetic. Information is presented through structured lists and subtly outlined elements on a light parchment-like background. Typography is compact and precise, with distinct color accents highlighting interactive elements and key information, creating a personal yet organized feel. Custom icon borders and subtle gradients add an expressive, handcrafted touch. Use Parchment (#ededed) as the primary page background. Apply Graphite (#101010) for main headings and interactive text to ensure strong contrast. Emphasize critical links or terms with Firebrick Red (#ed2720) or Deepwater Blue (#00a2c2) using the 'isg' font and outlined style. Maintain comfortable line spacing with Inter at 1.45 for body text and 1.20 for lists and shorter content. Structure content within a 400px max-width container, centered on the page. Separate primary sections with a 32px vertical gap. Use 8px radius for interactive elements and 40px radius for input fields to differentiate their feel. Avoid using highly saturated backgrounds for large content areas; reserve them for small accent callouts like Blush Pink (#f67777). Do not deviate from the Inter and isg font families; generic system fonts will conflict with the precise letter-spacing. Do not introduce complex, multi-level shadows; the singular soft inset shadow for inputs is the only significant elevation. Avoid large, uncontained images; all visuals should be tightly integrated, often with borders or within structured components. Do not create filled buttons or primary actions with backgrounds; interactive states are conveyed through text color changes and subtle borders. Do not use letter-spacing values other than 0.10em for Inter and isg fonts for consistency.