
Preview image. Unlock full-res
Warm Home Goods Catalog: pages feel like browsing a tactile, sunlit lifestyle brand.
Beautiful™ uses a warm, inviting aesthetic with a creamy, almost edible color palette that feels like a home goods catalog. Typography blends classic serif with modern sans-serif for a confident yet approachable tone. Components emphasize soft, rounded edges and minimal elevation, fostering a tactile and gentle user experience. Color accents are reserved for primary calls to action, creating a subtle visual hierarchy without jarring contrasts.
Use 'Creamy Canvas' (#fff5e6) as the primary background for sections with content, providing a soft base.
Prioritize 'Coral Kiss' (#fa7864) for all primary calls to action, such as 'Shop Now' buttons, and for emphasizing key messaging.
Apply a 999px border-radius to all filled action buttons to achieve a soft, pill-shaped aesthetic.
Employ the GascogneTS font for all headlines and prominent brand text to establish the elegant and inviting tone, using 'Deep Licorice' (#000000) for contrast.
Maintain a comfortable information density, utilizing 10px as a baseline for elementGap and cardPadding to allow content to breathe.
Use 'Buttermilk' (#e8e8e1) for input fields and subtle background variations to layer content without harsh breaks.
Ensure brand imagery features soft lighting, a slightly desaturated color palette, and is contained within clear bounds, often circular or soft-edged.
Avoid harsh shadows or strong gradients; the system relies on subtle surface changes and color for hierarchy.
Do not introduce new saturated primary colors; 'Coral Kiss' and 'Desert Rose' are the only brand accents intended for interactive elements.
Refrain from using excessively bold or uppercase typography for calls to action or body text; the Basis Grotesque Pro 400 weight should maintain a gentle presence.
Do not crop product photography tightly or use hard-edged imagery; images should complement the soft, inviting brand feel, often with a hint of lifestyle context.
Avoid cluttering the layout; allow ample white space around elements, particularly with a sectionGap of 32px or more.
Do not use dark backgrounds for main content sections; the theme is predominantly light, establishing a bright and airy feel.
Do not use sharp 0px border-radii for interactive elements; all buttons and active components should maintain a soft, rounded appearance.









