قالب موقع ويب
Agency
A one page HTML theme for agencies created by Start Bootstrap
وصف هذا القالب غير متوفر بالعربية بعد، لذلك يظهر بالإنجليزية.
Landing Page · Agency · مجاني
الصفحات
لقطات من العرض المباشر، صفحة تلو الأخرى. مرّر داخل الصفحة لرؤيتها كاملة.
تحليل التصميم
قراءة بالذكاء الاصطناعي لتصميم هذا القالب: الألوان والخطوط والمسافات والأقسام والتفاصيل المميزة. يبدأ منها Ottermind عند استخدام القالب.
هذا التحليل غير متوفر بالعربية بعد، لذلك يظهر بالإنجليزية.
- Overall
landing page, professional, medium density, light/dark contrast
- Palette
background #ffffff; surfaces [#f8f9fa, #212529, #ffc800]; text #212529; muted text #6c757d; primary #ffc800; accents []
- Type
headings Montserrat, 700, uppercase; body Roboto Slab, 16px; scale h1/h2/h3: 40/40/16px
- Shape & spacing
button radius 6px, card radius 50px, no borders, subtle shadows on cards, section spacing 80px, content width 1296px
- Sections (top to bottom)
- Hero — full-width dark overlay on flat-lay product image, centered headline "IT'S NICE TO MEET YOU" in large white uppercase, subheadline in sentence case, yellow CTA button "TELL ME MORE", navigation bar at top with logo and links
- Services — three-column layout on white background, each column has a yellow circular icon (shopping cart, laptop, lock), bold title below, short paragraph of placeholder text
- Portfolio — six-item grid of square images with titles and categories beneath, alternating white and light gray backgrounds for rows
- About — vertical timeline with circular images aligned right, dates and titles left-aligned, connected by thin vertical line, ends with yellow call-to-action circle
- Team — three-column layout with circular headshots, names in bold, roles in smaller text, social icons below each
- Clients — horizontal row of brand logos (Microsoft, Google, Facebook, IBM) on light gray background
- Contact — dark background with world map pattern, form with three input fields (name, email, phone) and one textarea, yellow "SEND MESSAGE" button, footer with copyright, social icons, and legal links
- Signature details
- Yellow circular icons with white line symbols
- Circular team and timeline profile images with soft drop shadow
- Flat-lay hero image with overhead product arrangement
- Vertical timeline with connecting line and final call-to-action circle
- Consistent use of Roboto Slab for body and Montserrat for headings
- Dark mode contact section with pixelated world map texture
- Other pages
- /services: not shown
- /portfolio: not shown
- /about: not shown
- /team: not shown
- /contact: not shown
تفاصيل القالب
- الفئة
- Landing Page, Agency
- التقنيات
- Bootstrap, HTML5
- الترخيص
- MIT
- المؤلف
- Start Bootstrap
- منشور على
- Start Bootstrap
- السعر
- مجاني
- bootstrap
- bootstrap-4
- bootstrap-template
- bootstrap-theme
- bootstrap4
- bootstrap5
- bootstrap5-template
- css
- free
- html
- open-source
- theme
التصميم الأصلي من Start Bootstrap، منشور على Start Bootstrap. لا ينسخ Ottermind شيفرة القالب، بل ينشئ موقعًا جديدًا انطلاقًا من الموجز.
الموجز الذي يبدأ منه Ottermind
يُفتح في Studio كمسودة؛ أضف علامتك التجارية وجمهورك وصفحاتك قبل الإرسال.
Build a landing page website inspired by the "Agency" template. Reference brief: A one page HTML theme for agencies created by Start Bootstrap Style and features to reflect: bootstrap, bootstrap-4, bootstrap-template, bootstrap-theme, bootstrap4, bootstrap5. Use original copy and imagery for my brand rather than the reference's placeholder content.
كيفية استخدام هذا القالب
- 1
انقر على «استخدم هذا القالب» لفتحه في Ottermind Studio مع ملء الموجز.
- 2
أضف إلى الموجز علامتك التجارية وجمهورك وصفحاتك ومحتواك.
- 3
ينشئ Ottermind موقعًا جديدًا مستوحى من هذا التصميم، وتابع تعديله في المحادثة.
