Pixso

Pixso embodies a digital workspace aesthetic, with clean lines and a functional layout that prioritizes content. Its visual mood is bright and accessible, achieved through ample white space and subtle, almost invisible grays. The deliberate use of soft, colorful gradients primarily for decorative elements and featured cards prevents the grayscale foundation from feeling sterile, adding a touch of playful innovation without overshadowing the core content. Always use Figtree for all textual content, leveraging weights 400-700 to establish hierarchy rather than mixing font families. Maintain generous white space using Canvas White (#FFFFFF) as the dominant background color for pages and cards to foster an open, clean aesthetic. Apply an 8px border radius to most interactive elements like buttons and cards, creating a consistent soft rounding. Utilize Absolute Zero (#000000) for primary text and critical UI elements to ensure maximum readability and impact. Use Cool Teal (#CFE7ED) only as a background color for decorative cards or subtle feature highlights, not for typography or primary interactive elements. Prefer padding-top: 10px, padding-right: 10px, padding-bottom: 18px, padding-left: 10px for less prominent buttons to give them distinction from primary CTAs, using an 18px radius. Implement the Skybound Blue (#336FFF) for primary call-to-action buttons, ensuring a clear visual prompt for user engagement. Do not introduce new font families; the system relies exclusively on Figtree. Avoid high-contrast, saturated colors for UI element backgrounds, maintaining the serene, clean feel through neutrals and subtle accents. Do not use hard, sharp shadows; instead, use the defined, soft elevation for buttons (rgba(0, 0, 0, 0.04) 0px 2px 4px 0px, rgba(0, 0, 0, 0.3) 0px 0px 1px 0px). Do not overcrowd sections; maintain a comfortable density with consistent element and section gaps. Avoid excessive gradients on functional elements; reserve them primarily for large decorative sections or illustrative backgrounds. Do not deviate from the established border radii; avoid sharp corners on interactive components or overly rounded, pill-like shapes outside specific button variants. Do not use dark backgrounds for main content areas; maintain the integrity of the light theme.