Portfolio Cyd Stumpel

Cyd Stumpel's portfolio site evokes a whimsical, hand-crafted feel with its warm, off-white canvas and playful, misaligned elements. It balances robust typography with expressive, varied accent colors, creating an atmosphere that feels both professional and approachable. Borders and shadows are frequently used as decorative accents rather than functional separators, adding to a layered, almost scrapbook-like quality. The system prioritizes personality and visual delight over strict grid adherence or minimalist austerity. Use Seashell Canvas (#fff5ee) as the primary page and surface background color. Apply Midnight Ink (#111111) for all main headings and body text to ensure contrast. Utilize Creative Red (#d9533f) as the core accent for interactive elements, primary button borders, and key visual highlights or shadows. Form button and tag shapes with a generous 64px or 28px border-radius for distinct, soft edges. Employ Geist font at 12px for small, functional text such as tags and metadata, with letter-spacing of -0.05em. Create visual hierarchy and playfulness using offset box-shadows, particularly the Creative Red -4px 4px 0px 0px variant for cards. Favor Bueno for general body text and UI elements, varying weights from 400 to 700 to establish internal hierarchy without changing font families. Avoid strictly symmetrical layouts; embrace slight misalignments and playful element positioning. Do not use generic gray borders; instead, use programmatic accent colors or offset shadows to delineate elements. Refrain from stark white backgrounds; maintain the warm, slightly tinted palette of Seashell Canvas and Blush Pink. Do not use subtle, soft drop shadows; instead, apply hard-edged, offset box-shadows or no shadows at all. Avoid excessive use of system default fonts; stick to Bueno, Instrument Serif, and Geist for all typographic needs. Do not create highly structured, rigid design components; allow for organic shapes and varied radii, like the 120px radius cards. Do not centralize elements by default; consider asymmetric compositions or subtle offsets for a more dynamic feel.