Megan Perkins

Megan Perkins presents a dark, high-contrast, and text-dominant aesthetic. The design relies on a minimal palette of near-black for backgrounds, a single dark gray for most text and borders, and a large, high-impact gradient hero. Typography is compact and precise, maintaining a serious, editorial tone. Components are stripped back, often border-only or ghost elements, with color reserved for the background gradient and the occasional subtle interaction cue. Always use 'Canvas Dark' (#000000) for primary page backgrounds to maintain the deep, dark aesthetic. Apply 'Text Muted' (#959591) for all body text and navigation elements to ensure soft contrast. Utilize 'Heading Accent' (#ffffff) for prominent headlines atop dark surfaces. Employ the 'Hero Gradient' for the main hero section to establish the brand's primary visual identity. Ensure all interactive elements and text use the 'aktiv-grotesk' font family at the specified weights (400, 700) and sizes (22px, 1.27 line-height). Prioritize minimal or ghost component styles; avoid filled buttons or heavy borders. Maintain a compact spacing rhythm, with 'elementGap' at 5px for close internal element relationships and 'sectionGap' at 22px for clear content block separation. Do not introduce additional saturated colors beyond the defined brand gradient; color should be used sparingly. Avoid applying heavy drop shadows or elevation, as the design system explicitly uses flat surfaces and minimal depth. Do not use highly decorative fonts or excessive letter-spacing; the typography is designed for clarity and directness. Do not use rounded corners; all elements should adhere to the 0px border-radius. Avoid large, image-heavy sections; the design is text-dominant with gradients serving as the primary visual interest. Do not deviate from the defined compact spacing values; resist adding more padding or margin unless absolutely necessary for readability. Do not use system default link colors; ensure all links use 'Text Muted' (#959591).