Productized Agency Template

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

Overall

agency landing page, professional and modern, medium density, light/dark contrast

Palette

background #f2f2f2; surfaces #ffffff, #000000; text #1a1a1a; muted text #757575; primary #ffd700; accents #ff6b35, #4caf50

Type

headings Inter, 700, sentence-case; body Inter, 14px; scale h1 32px, h2 24px, h3 20px

Shape & spacing

button radius 8px, card radius 16px, borders none, shadows 0 8px 24px rgba(0,0,0,0.1), section spacing 64px, content width 1200px

Sections (top to bottom)

• Hero — full-width, centered headline with subheading, two CTA buttons, logo row below, light background
• Pricing Plans — three-column grid, two cards stacked vertically on left, one wide card on right, dark card has glassmorphism effect, all cards have rounded corners and subtle shadow
• Features — horizontal scrollable list of service components with icons, light background
• Testimonials — alternating left/right layout with user avatars, quotes, and roles, light background
• Contact — centered form with input fields, label, and submit button, light background

Signature details

• Glassmorphism effect on dark pricing card with blur overlay
• Floating "Select Plan" buttons with yellow icon and black background
• Status badges in pink and green for availability
• Rounded corners on all cards and buttons
• Consistent use of bullet points for feature lists
• Google Workspace verification badge next to team member avatars

Other pages

• /services: overview of offerings with icons and brief descriptions
• /about: team photos, bios, and mission statement
• /contact: contact form with email and chat options

1. 1

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

2. 2

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

3. 3

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