Base44

The Base44 design system feels like a softly lit, expansive workspace, where ideas emerge clearly against a gentle, optimistic backdrop. Pastel gradients and a predominant off-white canvas create an airy, unburdened atmosphere. Subtle dark gray text and muted interactive elements ensure focus remains on content creation, while distinct, vibrant accents like lime green and vivid orange are used sparingly for key actions, adding a precise, almost signal-like pop of functionality. Rounded corners on interactive components juxtapose with the generally crisp, unadorned typography, softening the technical edge of an AI platform. Use Canvas Pearl #faf9f7 for primary page backgrounds to maintain an airy feel. Apply Snowdrift White #ffffff for card surfaces and interactive elements to create soft contrast and elevation against the canvas. Reserve Ink Black #000000 for primary text and headings, ensuring high readability. Implement Ghost Button styling with a 1px Ash Border #cfcfcf and 999px border-radius for secondary actions. Utilize Lime Spritz #ade900 for CTA button borders and key interactive indicators, contrasting with the soft neutrals. Maintain a comfortable information density using an average elementGap of 10px and sectionGap of 45px. Employ the 999px border-radius for all primary buttons and tags to deliver a consistent, rounded interactive experience. Avoid using saturated background colors for large sections; gradients should remain pastel and subtle. Do not use dark text colors on anything but light backgrounds to preserve contrast and system aesthetic. Do not introduce sharp corners on interactive elements; prefer soft rounding (999px or 9.89577px) for buttons and inputs. Do not apply prominent box shadows for elevation; rely on subtle background color shifts or the single rgba(34, 40, 42, 0.04) 0px 3px 10px 0px for modals. Avoid introducing additional vivid colors outside of Lime Spritz #ade900 and Sunset Orange #d8723c to maintain focused accents. Do not break the established type scale; ensure all text adheres to defined sizes, weights, and line heights for consistent rhythm. Avoid using complex or busy background imagery; prefer soft gradients or solid colors that allow UI elements to stand out.