قالب موقع ويب

Sb Admin 2

A free, open source, Bootstrap admin theme created by Start Bootstrap

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

Dashboard · مجاني

فتح العرض المباشر عرض مستودع الشيفرة

الصفحات

لقطات من العرض المباشر، صفحة تلو الأخرى. مرّر داخل الصفحة لرؤيتها كاملة.

قالب الموقع Sb Admin 2، صفحة /startbootstrap-sb-admin-2/، الجزء 1 — /startbootstrap-sb-admin-2/SB Admin 2 - Dashboard

تحليل التصميم

قراءة بالذكاء الاصطناعي لتصميم هذا القالب: الألوان والخطوط والمسافات والأقسام والتفاصيل المميزة. يبدأ منها Ottermind عند استخدام القالب.

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

Overall: dashboard, professional, medium density, light
Palette: background #ffffff; surfaces [#f8f9fc, #4e73df, #eaecf4, #1cc88a]; text #858796; muted text #ffffff; primary #4e73df; accents [#1cc88a, #36b9cc, #f6c23e]
Type: headings Nunito, 400, sentence-case; body Nunito, 12px; scale h1 28px, h2/h3 not specified
Shape & spacing: button/card radius 3.2px/5.6px, no borders, shadow rgba(58, 59, 69, 0.15) 0px 2.4px 28px 0px, section spacing 20px, content width 1170px
Sections (top to bottom): Header — horizontal layout, left-aligned logo, centered search bar, right-aligned user profile and notification icons, white background
Sidebar — vertical navigation with blue background (#4e73df), white text, expandable menu items, rocket illustration in promo card
Dashboard — grid layout with 4 stat cards (monthly earnings, annual earnings, task progress, pending requests), followed by two large charts (line and donut), then project progress bars and color swatches
Content blocks — two-column layout with "Illustrations" (SVG image + text) and "Development Approach" (text block), both with subtle shadows and rounded corners
Footer — centered copyright text, light gray, small font
Signature details: Rounded card corners with consistent 5.6px radius
Soft drop shadows on all cards
Color-coded status indicators using accent palette
Horizontal progress bars with percentage labels
SVG illustrations integrated into content sections
Promotional call-to-action card in sidebar with gradient button
Other pages: /components: component showcase with interactive examples
/charts: chart types with configuration options
/tables: data tables with sorting and pagination

تفاصيل القالب

الفئة: Dashboard
التقنيات: Bootstrap, HTML5
الترخيص: MIT
المؤلف: Start Bootstrap
منشور على: Start Bootstrap
السعر: مجاني

bootstrap
bootstrap-4
bootstrap-template
bootstrap-theme
bootstrap4
free
html
open-source

التصميم الأصلي من Start Bootstrap، منشور على Start Bootstrap. لا ينسخ Ottermind شيفرة القالب، بل ينشئ موقعًا جديدًا انطلاقًا من الموجز.

الموجز الذي يبدأ منه Ottermind

يُفتح في Studio كمسودة؛ أضف علامتك التجارية وجمهورك وصفحاتك قبل الإرسال.

Build a dashboard website inspired by the "Sb Admin 2" template. Reference brief: A free, open source, Bootstrap admin theme created by Start Bootstrap Style and features to reflect: bootstrap, bootstrap-4, bootstrap-template, bootstrap-theme, bootstrap4, free. Use original copy and imagery for my brand rather than the reference's placeholder content.