Orson

Orson

Preview image. Unlock full-res

Warm parchment elegance.

Industryagency
Palette
#f0ebdd
#302f2c
#000000
#ffb801

Orson uses an academic-editorial design language, combining classic serif typography with subtle, sophisticated color gradients. The system emphasizes generous white space and a calming, almost analog, background tone. Interactions are minimal and text-focused, with outlines and understated hovers. The visual identity exudes trusted authority through a restrained palette and mature typographic choices, avoiding bold or high-contrast elements for actions. Use Parchment (#f0ebdd) as the primary background color for all main content areas. Employ Inkwell (#302f2c) for primary text content and essential structural elements like borders. Apply Big Daily Short font at weight 300 for large headings and weight 400 for subheadings to maintain the editorial tone. Ensure navigation links have 8px vertical padding and 9px-14px horizontal padding, with a 40px border-radius upon interaction. Maintain a comfortable information density by using '12px' for element gaps and '30px' for section gaps. Integrate the Sunbeam Gradient into hero sections or subtle atmospheric backgrounds to add warmth and depth. Use radial-gradient(41.33% 41.33%, rgb(255, 199, 56) 0px, rgba(248, 233, 226, 0) 100%) for decorative background effects. Avoid high-contrast, vivid colors for interactive elements; use the existing neutral palette with subtle activations. Do not introduce strong visual borders or shadows on cards or buttons; maintain a flat, uncluttered aesthetic. Do not deviate from the Big Daily Short and Basel Grotesk fonts for headlines and body text to preserve brand consistency. Do not use letter-spacing other than 'normal' for any type roles, as it's not present in the extracted data and would alter the typographic rhythm. Avoid heavy imagery or large visual elements that clash with the text-dominant, editorial aesthetic. Do not use generic system borders; all borders should be 1px solid with Inkwell (#302f2c) as the color. Avoid using any geometric shapes or sharp angles for interactive elements; prefer soft curves or ghost outlines.

More like this