About Affordable Patio Furniture Covers
1. Visual Aesthetic: Glass-AeroBackdrop Blur: All content cards and navigation bars must use a semi-transparent background with a heavy blur effect.CSS: backdrop-filter: blur(15px); background: rgba(255, 255, 255, 0.15);Border Glow: Use thin, light borders to define shapes.CSS: border: 1px solid rgba(255, 255, 255, 0.3);Rounded Corners: All buttons and cards must have a border-radius of 16px to 24px for a soft, modern feel.2. Color PaletteThe palette is inspired by durable outdoor materials and the "protection" aspect of your covers.ElementHex CodePurposePrimary#2C3E50Deep Charcoal (Headings & Primary Text)Secondary#E0E1DDSoft Cloud Grey (Background Accents)Accent#00D084WhatsApp Green (Primary CTAs)Glass Base#FFFFFF2615% White (Glass Panels)Success/Trust#3498DBSky Blue (Icon accents/Trust signals)3. TypographyHeadings: Use Montserrat or Inter (Bold, 700-800 weight).Hero Headline size: 48px - 64px for desktop.Body Text: Use Inter (Regular, 400 weight).Body size: 16px - 18px for high readability.Letter Spacing: Apply -0.02em to headings for a tighter, high-end look.4. Layout & BehaviorMobile-First: Prioritize a single-column layout for mobile users. Ensure the "WhatsApp Us" CTA is sticky or easily accessible at the bottom of the screen.Hero Image Rule: STRICT. No dark filters. No gradients. The image must remain at 100% brightness. Use the Glass Panel (Step 1) to house your headline text.Scroll Behavior: Enable Smooth Scroll for all internal navigation anchors.CSS: scroll-behavior: smooth;Animations: Use subtle "Fade In Up" animations for sections as the user scrolls to maintain the "Aero" lightness.5. Component StylesNavigation Bar: Fixed at the top. Glass-aero style. Include "Home", "Services", "Portfolio", and "Contact".CTA Buttons: * Primary: Solid #00D084 with white text and a subtle outer glow.Secondary: Ghost style (Transparent background, white border, white text).Kiyoh Review Cards: Use the glass card style with a gold star rating system to build trust.6. Internal Navigation AnchorsEnsure each section has the following ID for the anchor links to work:Hero: #heroServices: #servicesAbout: #aboutPortfolio: #portfolioReviews: #reviewsFAQ: #faqContact: #contact
Services
1. Visual Aesthetic: Glass-AeroBackdrop Blur: All content cards and navigation bars must use a semi-transparent background with a heavy blur effect.CSS: backdrop-filter: blur(15px); background: rgba(255, 255, 255, 0.15);Border Glow: Use thin, light borders to define shapes.CSS: border: 1px solid rgba(255, 255, 255, 0.3);Rounded Corners: All buttons and cards must have a border-radius of 16px to 24px for a soft, modern feel.2. Color PaletteThe palette is inspired by durable outdoor materials and the "protection" aspect of your covers.ElementHex CodePurposePrimary#2C3E50Deep Charcoal (Headings & Primary Text)Secondary#E0E1DDSoft Cloud Grey (Background Accents)Accent#00D084WhatsApp Green (Primary CTAs)Glass Base#FFFFFF2615% White (Glass Panels)Success/Trust#3498DBSky Blue (Icon accents/Trust signals)3. TypographyHeadings: Use Montserrat or Inter (Bold, 700-800 weight).Hero Headline size: 48px - 64px for desktop.Body Text: Use Inter (Regular, 400 weight).Body size: 16px - 18px for high readability.Letter Spacing: Apply -0.02em to headings for a tighter, high-end look.4. Layout & BehaviorMobile-First: Prioritize a single-column layout for mobile users. Ensure the "WhatsApp Us" CTA is sticky or easily accessible at the bottom of the screen.Hero Image Rule: STRICT. No dark filters. No gradients. The image must remain at 100% brightness. Use the Glass Panel (Step 1) to house your headline text.Scroll Behavior: Enable Smooth Scroll for all internal navigation anchors.CSS: scroll-behavior: smooth;Animations: Use subtle "Fade In Up" animations for sections as the user scrolls to maintain the "Aero" lightness.5. Component StylesNavigation Bar: Fixed at the top. Glass-aero style. Include "Home", "Services", "Portfolio", and "Contact".CTA Buttons: * Primary: Solid #00D084 with white text and a subtle outer glow.Secondary: Ghost style (Transparent background, white border, white text).Kiyoh Review Cards: Use the glass card style with a gold star rating system to build trust.6. Internal Navigation AnchorsEnsure each section has the following ID for the anchor links to work:Hero: #heroServices: #servicesAbout: #aboutPortfolio: #portfolioReviews: #reviewsFAQ: #faqContact: #contact
Why clients love us
A specialized supplier and manufacturer of protective covers for outdoor furniture, focusing on durability against sun, rain, and dust while maintaining an affordable price point.
Contact
Phone: +27 684947958
Email: affordablepatiofurniturecovers@gmail.com
WhatsApp: +27 684947958
Kiyoh: View profile