قالب موقع ويب
Grayscale
A multipurpose one page Bootstrap theme created by Start Bootstrap
وصف هذا القالب غير متوفر بالعربية بعد، لذلك يظهر بالإنجليزية.
Landing Page · مجاني
الصفحات
لقطات من العرض المباشر، صفحة تلو الأخرى. مرّر داخل الصفحة لرؤيتها كاملة.
تحليل التصميم
قراءة بالذكاء الاصطناعي لتصميم هذا القالب: الألوان والخطوط والمسافات والأقسام والتفاصيل المميزة. يبدأ منها Ottermind عند استخدام القالب.
هذا التحليل غير متوفر بالعربية بعد، لذلك يظهر بالإنجليزية.
- Overall
landing page, minimalist, low density, dark
- Palette
background #ffffff; surfaces [#f8f9fa, #000000, #64a19d]; text #000000; muted text #ffffff; primary #64a19d; accents []
- Type
headings Varela Round, 500, uppercase; body Nunito, 16px; scale h1 104px / h2 20px / h3 16px
- Shape & spacing
button/card radius 6px, no borders, subtle drop shadows, section spacing 80px, content width 1224px
- Sections (top to bottom)
- Hero — full-width grayscale mountain image overlay, centered headline "GRAYSCALE" in large uppercase, subheading in sentence-case, teal CTA button "GET STARTED", navigation bar with logo and links at top-right
- Feature — dark background, centered heading "Built with Bootstrap 5", paragraph text below, tablet mockup angled at bottom right showing theme preview
- Portfolio — grid of four black-and-white landscape images with alternating text blocks on white or black backgrounds, each with title and description, vertical teal accent line on left of first block
- Newsletter — dark background with foggy mountain backdrop, centered email input field and teal "NOTIFY ME!" button, subscription prompt above
- Footer — three light cards with icons (address, email, phone), contact details, social icons (Twitter, Facebook, LinkedIn), copyright text centered
- Signature details
- Monochromatic grayscale imagery throughout
- Teal accent color used sparingly for CTAs and highlights
- Clean sans-serif typography with contrast between bold headings and soft body text
- Floating tablet mockup with transparent screen effect
- Minimalist card layout with consistent padding and rounded corners
- Subtle gradient overlays on hero and footer sections
- Other pages
- /about: not shown
- /projects: not shown
- /contact: not shown
تفاصيل القالب
- الفئة
- Landing Page
- التقنيات
- Bootstrap, HTML5
- الترخيص
- MIT
- المؤلف
- Start Bootstrap
- منشور على
- Start Bootstrap
- السعر
- مجاني
- bootstrap
- bootstrap-4
- bootstrap-5
- bootstrap-5-template
- bootstrap-template
- bootstrap-theme
- bootstrap4
- bootstrap5
- bootstrap5-template
- css
- free
- html
التصميم الأصلي من Start Bootstrap، منشور على Start Bootstrap. لا ينسخ Ottermind شيفرة القالب، بل ينشئ موقعًا جديدًا انطلاقًا من الموجز.
الموجز الذي يبدأ منه Ottermind
يُفتح في Studio كمسودة؛ أضف علامتك التجارية وجمهورك وصفحاتك قبل الإرسال.
Build a landing page website inspired by the "Grayscale" template. Reference brief: A multipurpose one page Bootstrap theme created by Start Bootstrap Style and features to reflect: bootstrap, bootstrap-4, bootstrap-5, bootstrap-5-template, bootstrap-template, bootstrap-theme. Use original copy and imagery for my brand rather than the reference's placeholder content.
كيفية استخدام هذا القالب
- 1
انقر على «استخدم هذا القالب» لفتحه في Ottermind Studio مع ملء الموجز.
- 2
أضف إلى الموجز علامتك التجارية وجمهورك وصفحاتك ومحتواك.
- 3
ينشئ Ottermind موقعًا جديدًا مستوحى من هذا التصميم، وتابع تعديله في المحادثة.
