Zora

Zora, minimalist, minimal

Preview image. Unlock full-res

Raw Concrete Gallery

Industrycrypto, crypto
Palette
#ffffff
#121212
#4d4d4d
#878787
#e6e6e6
#00df00
#ff00f0
#ff00d9
#62ff00
#d2d2d2

Zora's design evokes an 'underground market' feel, blending a stark monochromatic UI with unexpected, almost illicit, bursts of vivid color. The primary interaction zones are kept deliberately understated with muted grays and crisp whites, allowing product imagery and the occasional electric gradient to dominate. This tension between a neutral, almost unstyled frame and hyper-vivid accents creates an edgy, disruptive atmosphere. Always use MonumentGrotesk with a negative letter-spacing of -0.0150em for all text elements to maintain a condensed aesthetic. Apply Graphite Dark (#121212) as the default text color on Canvas White (#ffffff) backgrounds for strong contrast. Utilize Signal Green (#00df00) exclusively for primary 'Buy' actions or positive affirmations, ensuring its high visibility. Employ rounded corners of 8px for most interactive elements like buttons, and 12px for card containers, creating a soft but not overly playful feel. Maintain a clear visual hierarchy by placing content directly on the Canvas White (#ffffff) page background with minimal framing unless a specific grouping is required. Integrate the Monochrome Stripe Gradient for subtle background texture on neutral blocks, avoiding solid gray fills where possible. Use 50% border-radius for circular icon buttons, making them immediately recognizable as interactive elements. Avoid using standard black text on light backgrounds; instead, opt for Graphite Dark (#121212) or Slate Gray (#4d4d4d). Do not introduce additional accent colors beyond Signal Green (#00df00) and Vivid Magenta (#ff00f0) to preserve the brand's distinct color palette. Refrain from adding explicit box-shadows to cards; elevation is mostly implied by content framing rather than visual depth cues. Do not use generic padding values; adhere to the established spacing scale based on 4px increments (4px, 8px, 12px, 16px). Avoid large, impactful headlines; all typography uses MonumentGrotesk with a consistent negative letter-spacing and relatively modest sizes. Do not use default browser form element styles; all inputs should be styled with transparent backgrounds, Slate Gray (#4d4d4d) text, and a border style matching the search input.

More like this