Getharvest

Getharvest

Preview image. Unlock full-res

Warm, organized workspace: like an inviting desk with neatly arranged tools and a single, bright sticky note.

Industryproductivity
Palette
#fa5d00
#fff8f1
#1d1e1c
#ffffff
#c0bbb6
#e3d6c5
#8e8b87
#615f5c
#d9d9d9
#fee3b5
#777571
#4a4a47

Harvest projects a dependable, organized workspace aesthetic, blending understated neutrals with a single vibrant orange accent. The primary visual tension arises from the interplay of a clean, spacious layout and rich, textured data visualizations. Surfaces are primarily crisp white, occasionally warmed by a subtle cream, with a focus on soft, rounded corners rather than hard edges. Typography is approachable yet confident, often using a slightly wider letter-spacing for an open feel, contrasting with compact, data-rich interfaces. Prioritize Canvas White (#ffffff) or Harvest Cream (#fff8f1) for all background surfaces to maintain a light and airy feel. Use Amber Glow (#fa5d00) exclusively for primary interactive elements and brand accents; avoid scattering it decoratively. Apply Deep Graphite (#1d1e1c) for all primary text and headings to ensure strong contrast and readability. Maintain a 16px border-radius for buttons and inputs, and a softer 20px for content cards to unify the rounded aesthetic. Employ MuotoWeb as the default font across the UI, leveraging its 0.0150em letter spacing for an open typographic presence. Utilize 10px as the default elementGap horizontally and vertically between related UI elements for comfortable spacing. Ensure all interactive components have a moderate transition duration of 0.2s with an ease timing function for smooth feedback. Do not introduce new saturated colors; the palette relies on Amber Glow (#fa5d00) as the sole chromatic accent. Avoid hard-edged components; all card, button, and input elements should adhere to the established border-radius values. Do not use heavy, dark shadows; elevation should be subtle, leveraging the Golden Wash (#fee3b5) or rgba(0, 0, 0, 0.2) tints. Refrain from tight, condensed typography; prioritize the slightly expanded letter spacing of MuotoWeb for all body and UI text. Do not use gradients on backgrounds or interactive elements; the visual system is primarily flat with subtle surface changes. Avoid dense, information-packed sections without generous internal padding or a Clearfix button text in Amber Glow. Do not use dark backgrounds for main content areas; maintain the light theme with Canvas White and Harvest Cream as primary surfaces.

More like this