Structured

Structured

Preview image. Unlock full-res

Classical art gallery

Industryfintech
Palette
#ebebeb
#000000
#dfdcd5
#c4c3b6
#e7e5e4
#595855
#ffffff
#808080

Structured presents a brand identity rooted in classical artistry, juxtaposing vintage-inspired illustrations with modern, refined typography. The visual system features large, serif headlines that command attention but are carefully tracked for legibility, paired with compact, utilitarian sans-serif body text. A largely achromatic palette of muted greys and blacks provides a sophisticated backdrop, allowing the rich, painterly imagery to provide the primary visual interest. Surfaces are flat and borderless, emphasizing the content within a contained, almost gallery-like presentation. Use Davinci for all prominent headlines and titles, ensuring letter-spacing is precisely adjusted according to the scale: -0.0090em for largest, -0.0050em for medium, -0.0010em for smaller titles. Employ Helvetica Now for all body text, functional UI elements, and navigation links. Maintain its natural letter-spacing ('normal') for maximum readability. Maintain a primary achromatic palette using Greige Canvas (#ebebeb) for page backgrounds, Black Ink (#000000) for text, and Slate Surface (#c4c3b6) for card-like elements. Apply 0px border-radius to all interactive ghost buttons and 9px border-radius to subtle action tags for textural contrast. Utilize rich, classical illustrations as primary visual elements, framed against the muted UI to draw focus and provide brand character. Structure content with ample negative space. Prioritize an elementGap of 6px and cardPadding of 18px to maintain an open and organized feel. Ensure UI controls and interactive text (e.g., 'mint maxBTC') stand out by using Black Ink (#000000) text on light backgrounds or Off-White Text (#dfdcd5) on dark backgrounds, often with a matching border for ghost buttons. Avoid using highly saturated or vibrant colors for primary UI elements; reserve these for imagery and content, if at all. Do not introduce sharp corners on major content cards; the system prefers 9px corner radius where appropriate for grouping content. Refrain from using heavy shadows or complex elevation; the design system leans towards flat interfaces and subtle visual hierarchy. Do not deviate from Davinci's or Helvetica Now's assigned roles; mixing their usage will undermine the established typographic contrast. Do not use generic, modern stock photography; visuals should align with the classical, painterly aesthetic of the illustrations. Avoid dense, information-heavy blocks of text without sufficient line-height; prioritize the established line-heights for legibility.

More like this