Michael Speichert

Michael Speichert's design system presents a stark, high-contrast experience, primarily leveraging monochromatic tones with an occasional deep indigo accent. Typography is central, using large, bold typefaces and precise letter-spacing to create focal points. The visual language emphasizes graphic impact over detailed imagery, with minimal adornment or complex components, focusing instead on strong textual communication. Prioritize text as the primary visual element; use typography to create hierarchy and visual interest. Maintain high contrast by pairing Spectral White (#ffffff) text with Absolute Zero (#000000) backgrounds. Use Plaid font for all prominent headlines and expressive text, with a fontWeight of 300. Apply negative letter-spacing for Plaid headlines as detected: -0.0300em at 170px, -0.0200em at 60px, -0.0100em at 54px. Utilize Midnight Indigo (#4200ff) sparingly as a background for sections requiring a distinct thematic shift. Ensure interactive elements like links and ghost buttons use Spectral White (#ffffff) text and borders on dark backgrounds. Use a default border-radius of 4px for any subtle container elements, but 0px for text links and buttons. Avoid decorative imagery; if imagery is necessary, prioritize clean, functional representations or abstract graphics. Do not use complex shadow systems; elevation should be achieved through color shifts or typographic hierarchy. Refrain from using strong, saturated colors beyond Midnight Indigo; the palette is intentionally limited. Do not introduce rounded corners on primary interactive elements or text links; keep them sharp. Avoid dense, feature-heavy layouts; prioritize spaciousness and clear information architecture. Do not use default browser link styles; all links should adhere to Spectral White (#ffffff) text on dark backgrounds. Do not apply padding to ghost buttons; let the text content dictate sizing.