Skip to content

PUBLIC REFERENCE

Interaction

Minimalist digital folio

2026-04-30 Source style Original site
Interaction captured reference
DESIGN.md tokens.json Tailwind v4 detail JSON

Colors

Canvas White #e5e7eb

Page backgrounds, subtle borders, inactive elements

Ink Black #000000

Primary headings, body text, and icon fills on light surfaces. Do not promote it to the primary CTA color

Do

  • Prioritize stark black-on-white contrast across all UI elements.
  • Apply Antique Legacy (or Times New Roman substitute) at 17px with -0.0250em letter-spacing for all text roles.
  • Use 9999px border-radius for all interactive navigation elements and similar tags.
  • Maintain a comfortable density with 12px for small element gaps and 48px for general section padding.
  • Present content images flush within an `Ink Black` background, without borders or padding.

Don't

  • Do not introduce overt colors; restrict the palette to `Ink Black` and `Canvas White`.
  • Avoid shadows or complex elevation; maintain a flat, two-dimensional aesthetic.
  • Do not vary font sizes or weights for hierarchy; rely on layout and context.
  • Refrain from using gradients or decorative backgrounds.
  • Do not add extra padding or borders to content images; they should sit precisely on their `Ink Black` panel.