Skip to content
Browse
Library

MindMarket. A friendly editorial canvas where oversized Inter headlines and paper-cut characters share a sunlit, sticker-soft surface.

  • Brand
  • Light theme
  • 11 colors
  • 1 typeface

MindMarket is a warm, illustrated editorial system built on a cream-paper canvas rather than stark white, with massive Inter display type that fills the frame and a single vivid green accent that anchors the brand across navigation strokes, borders, and hero fills. The visual language borrows from paper-cut storybook illustration — flat, vibrant character art sits directly on warm neutral backgrounds, never on photographic or gradient surfaces, and the UI chrome is deliberately minimal so the artwork leads. Components are generously rounded (50–64px radii on cards and nav), creating a soft, sticker-like quality. Color behaves decoratively rather than functionally: the green, blue, red, and yellow accents repeat across illustrations and are used sparingly in UI as borders, icon accents, and surface highlights rather than as a strict semantic state system. The overall density is breathable and confident — few elements per screen, enormous type, wide margins, and the cream canvas doing the structural work that shadow systems usually handle in product UIs.

Visit mindmarket.com
Screenshot of MindMarket
Captured from mindmarket.com on October 11, 2026

MindMarket design system

MindMarket

Brand1

  • Primary brand accent — navigation strokes, card borders, decorative highlights. The single chromatic anchor that ties the cream canvas to the brand identity

Accent3

  • Decorative illustration accent and card border accent. Vivid blue used illustratively and as a small functional punctuation in icon dots

  • Red outline accent for tags, dividers, and focused UI edges. Do not promote it to the primary CTA color

  • Footer highlight and decorative illustration accent. Bright yellow used sparingly for warmth and playfulness

Neutrals7

  • Icon fills, body text on light surfaces, and high-contrast borders. Used where maximum contrast is needed against the cream

  • Primary text, icons, nav borders, and the dominant hairline border color. Warm near-black that reads softer than pure black on cream

  • Muted body text and secondary link borders. The only true mid-gray for de-emphasized content

  • Subtle nav dividers and low-contrast borders. Barely visible structural lines

  • Secondary surface tone for inset or recessed card states. Slightly deeper than the cream canvas

  • Dominant page background and soft card surface. Warm off-white that replaces stark white as the structural canvas

  • Elevated card surfaces, floating nav background, text on dark illustrations. The highest surface level in the stack

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Pure Ink on Fresh Grass

11.74 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.