Delphi

Delphi, editorial, academic

Preview image. Unlock full-res

Cognac-Stained Parchment – A sense of aged wisdom and quiet authority, inviting deep contemplation.

Industryai, ai
Palette
#fdf6ee
#2b180a
#94877c
#7f6e60
#3e2407
#a99d93
#f0e6dc
#f65726
#ff5c00
#ffffff
#21201c

This design system evokes a sense of thoughtful, quiet expertise, like a leather-bound journal filled with well-considered thoughts. The dominant use of an off-white, almost beige background (#fdf6ee) coupled with a nuanced palette of warm grays and subtle browns creates an inviting, scholarly atmosphere. The signature element is the Martina Plantijn Light typeface at whisper-weights, which gives a sophisticated, almost intimate feel, contrasting with the geometric precision of accompanying sans-serifs. Use Martina Plantijn Light at weight 300 for all content headings larger than 24px, applying appropriate negative letter-spacing. Maintain #fdf6ee as the primary background color for all main page content and interactive cards. Apply a default border-radius of 12px to all interactive elements and contained content blocks like cards. Employ the Deep Cognac (#2b180a) as the default text color for primary content and navigation. Utilize Inter at 15px with line height 1.4 for most body copy, ensuring an open and readable text block. Emphasize primary calls-to-action using a filled button with Burnt Umber (#3e2407) background and white text. Ensure consistent spacing elements are multiples of 4px, especially for padding within components and between text blocks. Do not use highly saturated colors for backgrounds or large text areas; reserve them for small, impactful accents like #f65726 or #ff5c00. Avoid harsh shadows; prefer subtle, barely-there elevations to maintain the soft, warm aesthetic. Do not use pure black (#000000) for text on #fdf6ee backgrounds unless for specific, high-contrast, legal text. Prefer Deep Cognac (#2b180a) or Dark Charcoal (#21201c). Do not break the established type scale; Martina Plantijn Light scales with specific letter-spacing adjustments at larger sizes. Do not introduce strong, geometric shapes where rounded corners (12px or 70px) are the established pattern. Avoid busy or distracting imagery; prefer tightly cropped portraits or clean UI mockups. Do not use sans-serif (system font) for any primary content; it is reserved for inaccessible or fallback instances.

More like this