alet

alet

Preview image. Unlock full-res

Warm clay gallery

Industryagency
Palette
#ada59b
#000000
#252525
#060506
#101010
#454545

ALET utilizes a muted, gallery-like aesthetic, offering an understated backdrop for its creative work. The design minimizes visual distractions, employing a monochrome palette dominated by dark text on a warm, desaturated canvas. Typography carries the primary visual weight, with elegant serifs for headlines and crisp sans-serifs for functional text, achieving a sophisticated yet grounded presentation. Interactive elements are subtle, blending into the background until hovered, emphasizing content over chrome. Use 'Canvas Clay' #ada59b as the primary background for all page sections and major UI elements. Apply 'Inkwell' #000000 for all primary text, ensuring a high contrast against the background. Employ Silk Serif Light 400 at 23px with 0.94 line height for all prominent headings to maintain a refined tone. Utilize Work Sans 400 at sizes 11px, 12px, or 13px with their respective line heights for all body text, navigation, and functional labels. Apply a 10.8px border-radius to all card-like containers, establishing a soft corner aesthetic. Use a minimum of 101px vertical spacing between major page sections to ensure a comfortable density. Outline interactive elements like buttons and toggles with a 1px 'Inkwell' #000000 border and a 9999px radius for a subtle, rounded pill shape. Avoid introducing vibrant colors; all UI elements must adhere to the defined monochrome palette of warm grays and off-whites. Do not use heavy shadows or gradients; flat surfaces and subtle borders define the visual hierarchy. Refrain from using bold or heavy weights for any typeface; lightness and delicate forms are key to the brand's aesthetic. Do not deviate from the specified typefaces; custom Work Sans and Silk Serif are integral to the brand identity. Avoid dense, overcrowded layouts; prioritize ample whitespace and comfortable spacing values like sectionGap 101px and elementGap 5px. Do not use generic system fonts; 'Work Sans' and 'Silk Serif' are deliberate choices. Introduce no rounded corners sharper than 10.8px for cards, nor less than 9999px for buttons, to maintain consistency.

More like this