Adaline

Adaline

Preview image. Unlock full-res

Mist-shrouded valley

Industryai
Palette
#fbfdf6
#0a1d08
#c5ccb6
#31200b
#203b14
#e0e5d5
#4a3212
#d7e8b5
#000000

Adaline employs a serene, naturally-inspired aesthetic, combining a nearly monochromatic palette with organic, muted greens and browns. The visual language conveys quiet authority: elegant typography with subtle letter spacing, carefully rounded components, and restrained use of color only for functional elements. Grays are abundant, creating a soft, layered depth, while a single striking green serves as the primary accent, signaling interactive states and brand identity. Components feel integrated with their environment, avoiding harsh contrasts or strong shadows. Prioritize Canvas Ice (#fbfdf6) for all primary backgrounds to maintain the light, airy feel. Use Adaline Ink (#0a1d08) for primary headings and body text, ensuring a consistent dark, earthy tone. Apply Akkurat with a consistent -0.0400em letter spacing for all headings and body text to maintain signature visual precision. Employ 20px border-radius for all interactive elements like buttons and navigation items for a softer, approachable feel. Reserve Amber Seed (#4a3212) exclusively for the background of primary calls to action to ensure clear visual hierarchy. Maintain a clear vertical rhythm using 48px sectional gaps and 24px inner padding for cards. Use Valley Green (#203b14) as the primary accent for interactive states, icons, and subtle brand highlights. Do not use highly saturated or vivid colors outside of designated brand accent areas; the system relies on a muted, natural palette. Avoid harsh shadows or strong elevation; the design favors flat, layered surfaces with minimal depth indicators. Do not introduce new typefaces; Akkurat and fragmentMono are the only approved fonts. Do not use generic square or minimal border radii for buttons or navigation items; always apply 20px for consistency. Avoid dense packing of elements; maintain comfortable element gaps (e.g., 4px) and page-level spacing. Do not use light text on light backgrounds for interactive elements; ensure sufficient contrast, particularly against Canvas Ice. Do not deviate from the established color roles; for instance, only Amber Seed should be a solid button background.

More like this