Fielddaysound

Fielddaysound, dark-mode, high-contrast

Preview image. Unlock full-res

Midnight Gallery with Magenta Jolt. The design feels like a curated visual experience, where every element is intentional and holds its space.

Industryagency, agency
Palette
#131313
#000000
#ffffff
#edece8
#fb5eff

Fielddaysound's visual identity feels like a minimalist gallery space at midnight – stark, confident, and punctuated by unexpected vibrancy. The dominant deep charcoal (#131313) paired with bright magenta accent (#fb5eff) establishes a high-contrast, almost electric atmosphere without relying on full black. Typography is oversized and deliberately sparse, creating a sense of dramatic scale, while subtle spacing and lack of overt decoration prioritize content as art. Use Electric Magenta (#fb5eff) exclusively for key interactive elements or dramatic headline accents to maintain its impact. Prioritize 'Tusker' font weight 100 for all display-level text, embracing its ultra-light, oversized aesthetic at 50px, 180px, or 190px. Maintain high contrast by pairing Deep Charcoal (#131313) with Canvas White (#ffffff) or Electric Magenta (#fb5eff) for text and backgrounds. Employ Soft Gray (#edece8) as a subtle background option for sections requiring less extreme contrast than Canvas White. Apply generous vertical spacing between content blocks, with sectionGap at least 100px, to create a sense of spaciousness and deliberate presentation. Use 'Montreal-Medium' 14px for all primary body text and navigation to ensure consistent readability. Use 40px for elementGap for internal horizontal spacing, such as between navigational items. Do not introduce additional saturated colors beyond Electric Magenta (#fb5eff); maintain the strict two-color accent palette. Avoid using multiple font weights or styles within body text; stick to 'Montreal-Medium' 400 for primary content. Do not use smaller font sizes for 'Tusker'; its impact relies on its dramatic scale at display sizes. Do not use borders or drop shadows on cards or elements; rely on background color changes for visual separation. Avoid generic, full-bleed photography; imagery should be sparse, high-contrast, or monochromatic, aligning with the stark visual theme. Do not clutter layouts; keep information concise and well-spaced, treating each content block with curated attention. Do not use subtle variations of grays; stick to the defined Deep Charcoal (#131313), Pure Black (#000000), Canvas White (#ffffff), and Soft Gray (#edece8).

More like this