Lyssna

Lyssna cultivates a calm, focused workspace aesthetic with soft, muted background colors and a distinctive rich teal. Typography is functional and modern, balancing a custom sans-serif for body text with a unique display font for headlines. Components are lightweight with subtle rounding, emphasizing content rather than heavy borders or deep shadows. The overall feel is one of approachable professionalism, with color used sparingly to guide interaction. Use 'Midnight Pine' (#061d29) for all primary text and headings. Apply 'Zenith Teal' (#006e75) for primary call-to-action buttons, ensuring it's always interactable. Maintain a 24px border-radius for all content cards, softening surfaces. Employ 'Arctic Mist' (#e5e7eb) for subtle UI dividers, borders, and inactive states. Prioritize the mint font for all body text, navigation, and functional UI elements. Use a base unit of 8px for vertical and horizontal element gaps to maintain comfortable density. Structure page sections with a 'Midnight Pine' heading using grenette font, followed by mint body text. Avoid using highly saturated colors for large background areas; reserve them for accents or interactive elements. Do not introduce heavy shadows or deep elevation; components should feel lightweight and integrated. Refrain from using generic system fonts when mint or grenette are available. Do not deviate from the 8px or 24px border-radii for buttons and cards respectively. Do not overcrowd sections; maintain the comfortable density with 24px section gaps. Never use 'Pale Mint' (#b9ffe8) for text against light backgrounds; its contrast is insufficient. Avoid arbitrary gradients; only use the defined conic gradients for decorative elements, not functional UI.