Aisle

Aisle uses a natural, organic visual language with a focus on soft, inviting textures and a grounding palette. Typography balances modern, geometric forms with humanistic touches, creating approachability. Surfaces are generally flat and minimal, with subtle borders and inset shadows providing depth rather than heavy elevation. The design promotes a sense of calm and natural comfort, utilizing earth tones and a singular vibrant accent for key interactive elements. Use Forest Green (#144747) for all primary interactive elements and subtle inset button shadows to maintain a cohesive brand feel. Apply a 39px border-radius to all primary buttons for a soft, pill-like appearance. Prioritize Montserrat for all body text and general interface labels in weights 400, 600, or 700 with standard letter spacing. Employ RocGrotesk-ExtraWide at 48px or 56px, weight 400, for heroic headlines to convey prominence with minimalist impact. Structure layouts with a default 4px element gap for compact content, expanding to 10px for card padding, and 120px for section separation. Utilize Pale Ash (#e3e8df) or Cream Tint (#f5f5f2) for backgrounds of distinct content blocks to create subtle layering against the Canvas White (#fffffb) page background. Ensure input fields have a Pure White (#ffffff) background, Jet Black (#000000) text, and a Slate Gray (#606a72) border with a 4px radius. Avoid harsh, strong shadows; use only the defined inset shadows for buttons. Do not use saturated brand colors like Deep Plum, Rose Bloom, Ocean Stone, or Warm Clay as primary text or border colors; reserve them for background blocks. Do not vary border-radius for cards; maintain a sharp 0px radius for all card components. Avoid using generic blue for links; all links should primarily use Graphite (#292623) or Pure White (#ffffff) based on context. Do not overuse the Harvest Gold (#d9e142) accent; reserve it strictly for high-impact promotional buttons. Do not introduce new typefaces; restrict typography to Montserrat, Moderat, roc-grotesk-wide, RocGrotesk-ExtraWide, Poppins, ModeratMono, and Arial. Avoid complex gradients; the system operates on solid colors and subtle color shifts.