قالب موقع ويب

Folio - Data Intelligence Landing Template

A Next.js 15 marketing template for data and analytics products with a live dashboard mock, client carousel, bento feature system, feature tabs, pricing, contact, and first-class light and dark themes.

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

Landing Page · Dashboard · الأصلي $49

فتح العرض المباشر

الصفحات

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

قالب الموقع Folio - Data Intelligence Landing Template، صفحة /، الجزء 1 — /Folio

قالب الموقع Folio - Data Intelligence Landing Template، صفحة /، الجزء 2 — /Folio

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

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

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

Overall: landing page, clean and modern, medium density, light/dark themes
Palette: background #ffffff; surfaces [#f5f5f5, #edfaf0, #171717, #fff4eb]; text #171717; muted text #737373; primary #266df0; accents [#2b7fff, #00bc7d, #00a6f4]
Type: headings Tiempos Headline, 600, sentence-case; body Geist, 20px; scale h1 60px / h2 48px / h3 16px
Shape & spacing: button radius 6px, card radius 16px, borders none, shadows rgba(0,0,0,0.1) 0px 1px 3px 0px, rgba(0,0,0,0.1) 0px 1px 2px -1px, section spacing 80px, content width 1216px
Sections (top to bottom): Hero — full-width, centered headline with subheading, two CTA buttons, "Crafted with Ruixen UI" credit, overlayed dashboard mock on blurred nature background
Feature grid — three-column layout with cards showing activity feed, integrations, AI drafting, each with icon and descriptive text
Bento feature system — mixed grid of cards with diagrams, lists, and text blocks highlighting data automations, suggested queries, connect anywhere, web search chat, and activity timeline
Why prefer Folio — four-column feature tabs with icons and labels, followed by a large dashboard mockup showing conversational AI interface
Client carousel — horizontal row of logos with consistent spacing and subtle hover effects
Testimonials — grid of user cards with avatars, names, titles, and quotes, plus empty addable card
FAQs — accordion-style list with general questions and answers, collapsible sections
Signature details: Dashboard mockups with realistic UI elements and data tables
Subtle gradient overlays on hero and feature sections
Clean card-based layout with consistent padding and rounded corners
Hover states on interactive elements like CTAs and testimonials
Integrated dark mode support with inverted color scheme
Use of micro-interactions in UI components (e.g., toggle switches, loading indicators)
Other pages: /faq: FAQ section with expandable questions and answers

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

الفئة: Landing Page, Dashboard, E-commerce, Starter Kit
التقنيات: shadcn/ui, Tailwind CSS, Next.js
المؤلف: ruixen.ui
منشور على: 21st.dev
السعر: الأصلي $49

Landing Page
shadcn/ui
Analytics
Pricing
Tailwind
Next.js
Startup Landing
Product Detail Page
Starter Template
Dark

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

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

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

Build a landing page website inspired by the "Folio" template. Reference brief: A Next.js 15 marketing template for data and analytics products with a live dashboard mock, client carousel, bento feature system, feature tabs, pricing, contact, and first-class light and dark themes. Style and features to reflect: shadcn/ui, Analytics, Pricing, Tailwind, Next.js, Startup Landing. Use original copy and imagery for my brand rather than the reference's placeholder content.