About Boostness Capital Landing Page

Presenting the UI design for Boostness Capital, a comprehensive business consulting website. This design is optimized for development in WordPress, ensuring a responsive and user-friendly experience across all devices. Below are the detailed specifications of the UI:

Layout Dimensions

• Width: 1440px (Desktop), 768px (Tablet), 375px (Mobile)

• Grid System: 12-column grid with 30px gutters

Color Palette

• Primary Color: #0047AB (Boostness Blue)

• Secondary Color: #F5F5F5 (Light Grey)

• Accent Color: #FF9900 (Orange)

• Text Color: #000000 (Black)

• Background Color: #FFFFFF (White)

Typography

• Font Family: Helvetica Neue, Arial, sans-serif

• Heading Font Sizes:

- H1: 48px

- H2: 36px

- H3: 24px

• Body Text Size: 16px

• Line Height: 1.5

Buttons

• Primary Button:

- Background Color: #0047AB

- Text Color: #FFFFFF

- Padding: 12px 24px

- Border Radius: 4px

• Secondary Button:

- Background Color: #FFFFFF

- Text Color: #0047AB

- Border: 1px solid #0047AB

- Padding: 12px 24px

- Border Radius: 4px

Icons and Imagery

• Icon Style: Simple, line-based icons with a modern look

• Image Ratio: 16:9 for hero images, 1:1 for thumbnails

Navigation

• Header: Fixed top navigation bar with a dropdown menu for easy access

• Footer: Contains contact information, social media links, and quick links to essential pages

Forms

• Input Fields:

- Border: 1px solid #CCCCCC

- Padding: 10px

- Border Radius: 4px

• Submit Button: Same style as Primary Button

Cards

• Card Layout:

- Background Color: #FFFFFF

- Border: 1px solid #E0E0E0

- Padding: 20px

- Border Radius: 8px

• Card Hover Effect: Slight box-shadow for emphasis

Responsive Design

• Mobile:

- Stacked layout for easy scrolling

- Collapsible menu for navigation

• Tablet:

- Two-column layout for content-rich sections

- Adaptive images for faster load times

• Desktop:

- Full grid layout for comprehensive view

Additional Features

• Animations: Smooth transitions for hover effects and page loads

• SEO Optimized: Clean code structure and metadata integration

• Accessibility: High contrast colors and readable font sizes for better

Accessibility

This UI design is crafted to provide a seamless and engaging user experience, perfect for any business consulting website looking to make an impact. Ideal for WordPress development, this design ensures easy customization and maintenance.

Thank you all for the incredible support! Your likes, comments, and feedback mean the world to me. If you have any questions, need design advice, or want to collaborate on a project, feel free to reach out. Let's create something amazing together!

📧 Contact Me: brijawistudio@gmail.com