Skip to content
Library

André Cândido. Editorial serif on cream paper with one yellow highlighter mark.

  • Brand
  • Light theme
  • 9 colors
  • 2 typefaces

André Cândido's portfolio operates as an editorial design studio: a near-monochrome canvas of off-white paper and near-black ink, with one warm yellow accent that breaks the page like a highlighter mark. The signature is the pairing of PP Mori — a geometric sans — with Editorial New, a high-contrast didone serif used at extreme display sizes (up to 160px) for headlines that behave like magazine covers. Components are quiet and lightweight: hairline borders, pill-shaped buttons (24-50px radius), capsule-shaped images (800px radius), and no shadows. The footer inverts into a deep #111118 panel where the yellow reappears, creating a single dramatic dark moment in an otherwise airy light page. The visual system is dense with personality despite being 97% achromatic — circular text badges, playful geometric project cards, and asymmetric editorial grids give it character without color.

Screenshot of André Cândido
Captured from andre-candido.com on October 11, 2026

André Cândido design system

André Cândido

Accent1

  • Yellow wash for highlight backgrounds, decorative bands, and soft emphasis behind content. Do not promote it to the primary CTA color

Neutrals8

  • Hard border accent in lists and structural dividers where maximum contrast is needed

  • Primary text, nav text, dark footer surface, filled button background, badge fills — near-black with a barely-perceptible cool tint reads as warmer than pure #000 in print contexts

  • Navigation-specific borders and text — a cool desaturated charcoal distinct from the warm Ink Black

  • Link text and link borders in body context — slight lift from pure ink

  • Helper text, de-emphasized body copy, subtle metadata

  • List dividers, body-level borders, tertiary structural lines

  • Muted borders, image placeholder backgrounds, secondary dividers

  • Page canvas, card surfaces, button text on dark fills, inverted button text — the dominant ground

Try a pairing

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

Aa

True Black on Highlighter Yellow

18.26 : 1 contrast

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

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