Skip to content

PUBLIC REFERENCE

Minimalissimo

White gallery canvas.

Minimalissimo captured reference
DESIGN.md tokens.json Tailwind v4 detail JSON

Colors

Inkwell #000000

Primary text, core UI elements, strong borders, icon fills. Provides high contrast

Canvas #f5f5f5

Dominant page and section backgrounds, giving a clean, expansive base

Sterling #999999

Medium-contrast borders, control outlines, and structural separators. Do not promote it to the primary CTA color

Porcelain #ffffff

Component backgrounds within sections, elevated surfaces. Provides internal contrast against Canvas

Pale Ash #e0e0e0

Neutral form states, badge text, and quiet UI feedback where color should stay understated. Do not promote it to the primary CTA color

Storm Gray #a1a1a1

Tertiary body text, informational text, less prominent details

Whisper White #efefef

Background for subtle interactive elements like inputs and ghost buttons, providing a slight visual lift

Do

  • Use GeistSans 400 for all typographic elements, varying only size for hierarchy.
  • Maintain high contrast text with Inkwell (#000000) on Canvas (#f5f5f5) or Porcelain (#ffffff) backgrounds.
  • Apply a 4px border-radius to all interactive elements like buttons and input fields.
  • When a button is not a primary action, render it as text-only with Inkwell (#000000) for a ghost-like appearance.
  • Utilize Whisper White (#efefef) sparingly, primarily for subtle input backgrounds or very soft button fills.
  • Separate content sections with ample vertical spacing, defaulting to sectionGap (96px) where appropriate.
  • Prioritize photography and crisp typography as primary visual elements, minimizing decorative UI.

Don't

  • Avoid using any chromatic colors; maintain a purely achromatic palette.
  • Do not introduce heavy borders, drop shadows, or strong gradients that would detract from the content.
  • Refrain from using multiple font families or font weights other than 400 for GeistSans.
  • Do not clutter layouts with excessive UI elements; focus on functional minimalism.
  • Avoid large, attention-grabbing primary action buttons; keep interactive elements understated.
  • Do not apply padding or visible backgrounds to image grid items; let them float on the Canvas background.
  • Do not use underlines for links unless absolutely necessary for clarity in dense text blocks.