Little Amps

Little Amps Coffee cultivates a warm, handcrafted aesthetic, blending vintage record store charm with modern specialty coffee branding. The pervasive use of earthy caramel tones and muted blues, alongside a playful custom typography, creates a cozy, inviting atmosphere. Components often feature minimal borders and gentle rounding, feeling approachable rather than slick. Typography choices emphasize personality and subtle tracking, contributing to a unique brand voice that prioritizes character over stark functionality. Always use Cream Canvas (#fff9f2) as the default page background to maintain the warm base. Apply Vinyl Brown (#522c25) for all primary text elements to ensure high contrast and brand consistency. Utilize the Little Amps font family for all main headings and brand statements with a letter-spacing of -0.1000em to capture its distinctive character. Implement Roast Red (#c03001) for primary action backgrounds, enhancing visibility and interaction. Use a border-radius of 8px for standard cards and a tighter 3px for buttons and inputs, creating a consistent level of softness. Maintain an elementGap of 6px for consistent spacing between interactive and inline elements. Incorporate Warm Beige (#f6ede3) for secondary surface differentiation, such as subtly distinct card backgrounds or alternating section colors. Do not use highly saturated primary colors for large background areas; maintain a subdued and warm palette for surfaces. Avoid generic system fonts for headings or prominent text; always prioritize the custom Little Amps font to preserve brand identity. Do not use sharp 0px radii for main interactive elements like buttons or cards; maintain the slight rounding for approachability. Refrain from using strong drop shadows or complex elevation effects; the design relies on subtle background shifts and minimal borders for depth. Do not introduce strong blues or greens outside of the defined Community Blue (#89b4ca) to avoid clashing with the dominant warm palette. Avoid wide letter-spacing on display headings; the Little Amps font requires tight kerning (-0.1000em) to be legible and on-brand. Do not place body text directly on highly saturated backgrounds; ensure sufficient contrast by using Cream Canvas or Warm Beige surfaces.