Felt

Felt

Preview image. Unlock full-res

Deep forest data canvas

Industrysaas
Palette
#3d521e
#314218
#eeeeee
#ffffff
#333333
#dc8c46
#64754b
#212f0c
#18210c

Felt employs a dark, command-center aesthetic, with a cool green canvas creating a sense of depth and focus for data visualization. Typography is crisp and authoritative, striking a balance between traditional elegance and modern clarity. Functional elements are highlighted with a warm amber tone, contrasting effectively with the predominantly muted green and deep grayscale palette. Components are lightweight and precise, often featuring subtle borders and minimal radii to maintain a structured yet unobtrusive interface. Prioritize Forest Canvas (#3d521e) as the dominant background color for most sections, establishing the brand's deep green aesthetic. Use Warm Ember (#dc8c46) exclusively for primary calls to action and critical interactive elements to maintain its high visual impact. Employ Gt Alpina Standard weight 300 for all major headings to convey authority through subtle, elegant typography. Always use Atlasgrotesk Cy Web with 0.033em letter-spacing for body text and UI labels to ensure clarity and consistency. Apply a 20px border-radius to all filled buttons to create a softer, more approachable interactive element. Maintain a clear distinction between surface levels using Felt Darkest Base (#18210c), Felt Deepest Green (#212f0c), and Nightfall Surface (#314218) for progressively elevated elements. Utilize 12px for elementGap to ensure comfortable spacing between interactive elements and components. Do not use saturated colors other than Warm Ember for accentuation; maintain the muted green and achromatic palette elsewhere. Avoid large, uncontained blocks of light or white content; surfaces should primarily be dark or muted green. Do not vary the letter-spacing for Atlasgrotesk Cy Web; the 0.033em value is a signature characteristic. Do not use standard serif fonts for UI elements; Times New Roman should be reserved for decorative text. Avoid excessive use of drop shadows; limit them to clearly elevated UI components like deep container cards. Never use 0px border-radius for action buttons, as 20px is core to their visual identity. Do not introduce strong gradients in backgrounds; the system relies on solid color fields and subtle shifts in dark green tones.

More like this