Modern Business

هذا التحليل غير متوفر بالعربية بعد، لذلك يظهر بالإنجليزية.

Overall

multipurpose business site, clean and professional, medium density, light/dark contrast

Palette

background #ffffff; surfaces [#f8f9fa, #212529, #0d6efd]; text #212529; muted text #ffffff; primary #0d6efd; accents []

Type

headings system-ui, 700, sentence-case; body system-ui, 20px; scale h1 48px, h2 32px, p 20px

Shape & spacing

button/card radius 8px, no borders, subtle shadows on cards, section spacing 80px, content width 1272px

Sections (top to bottom)

• Header — fixed navigation bar with logo and menu, dark background, white text
• Hero — full-width section with dark background, headline, subheading, two CTA buttons, and placeholder image (600×400)
• Features — light background, four-column layout with icons, titles, and paragraphs, centered alignment
• Testimonial — centered quote in italic, attributed to a name and title with avatar placeholder
• Blog preview — three-column card grid with images (600×350), category tags, titles, excerpts, author info, and read time
• Newsletter — blue full-width section with headline, subtext, email input, and "Sign up" button
• Footer — dark background, copyright text, and links to Privacy, Terms, Contact

Signature details

• Blue accent color used consistently for CTAs, icons, and highlights
• Rounded corners on all interactive elements
• Subtle drop shadows on cards for depth
• Consistent use of system-ui font across all text
• Fixed header with transparent overlay effect on scroll
• Responsive grid layouts with adaptive card heights

Other pages

• /startbootstrap-modern-business/about.html: Mission statement with centered heading, paragraph, and CTA; two alternating image-text sections with 600×400 placeholders

1. 1

   انقر على «استخدم هذا القالب» لفتحه في Ottermind Studio مع ملء الموجز.

2. 2

   أضف إلى الموجز علامتك التجارية وجمهورك وصفحاتك ومحتواك.

3. 3

   ينشئ Ottermind موقعًا جديدًا مستوحى من هذا التصميم، وتابع تعديله في المحادثة.