Skip to content
Browse
Library

Dyotanya. Oversized serif confessions floating between hand-drawn squiggles.

  • Studio
  • Light theme
  • 7 colors
  • 4 typefaces

Dyotanya is an editorial sketchbook brought to life: a warm off-white paper canvas scattered with hand-drawn thin black lines, oversized serif headlines that mix roman and italic for emotional rhythm, and dusty blue accents that feel like risograph ink. The interface avoids conventional elevation in favor of offset hard-shadow borders (5px down-and-left solid #333333) that make every card and button feel pasted onto the page like a collage element. Typography does the heavy lifting — Simeiz serif at 80px whispers and shouts in the same paragraph, while Manrope handles everything functional at a much smaller scale. The single coral-orange link color and dusty-blue borders provide the only chromatic punctuation in an otherwise achromatic world.

Visit dyotanya.com
Screenshot of Dyotanya
Captured from dyotanya.com on October 11, 2026

Dyotanya design system

Dyotanya

Brand1

  • Decorative card borders, input borders, link borders, blue brand stroke — muted and desaturated so it reads as ink wash rather than digital blue

Accent2

  • Brighter blue accent for interactive borders and link states when more chromatic presence is needed than the dusty default

  • Inline link text color — the single warm chromatic note in the entire system, used sparingly to mark navigable text

Neutrals4

  • Primary text, hairline borders, decorative line illustrations, icon strokes — the dominant neutral that carries nearly all UI information

  • Offset hard-shadow borders on cards and buttons, secondary text, surface backgrounds for inverted elements

  • Page background, card surfaces, text on dark elements — the warm off-white that replaces pure white and gives the entire site its analog, paper-like quality

  • Elevated card surfaces, button text on dark fills, subtle highlights

Try a pairing

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

Aa

Ink Black on Dusty Sky

8.99 : 1 contrast

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

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