Doks

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

Overall

documentation site, clean and minimal, low density, light

Palette

background #ffffff; surfaces [#3347ff, #edeef3]; text #000000; muted text #1d2d35; primary #3347ff; accents []

Type

headings Jost, 700, sentence-case; body Jost, 14px; scale h1 52px, h2 20px, h3 18px

Shape & spacing

button radius 800px, card radius 0px, borders 1px solid #eaeaea, shadows none, section spacing 64px, content width 1320px

Sections (top to bottom)

• Header — horizontal navigation with logo, links, and icons on right; white background
• Hero — centered headline, subtext, and primary CTA button; dotted pattern below
• Content grid — three-column layout with instructions; each column has a heading and paragraph
• Footer — thin line above, two lines of text aligned left and right; white background

Signature details

• Rounded pill-shaped primary button in blue
• Dotted horizontal divider beneath hero
• Light gray border around blog post card
• Collapsible sidebar menu on docs page
• "On this page" table of contents on right
• Minimalist footer with attribution and privacy link

Other pages

• /blog/: single blog post card with date and read time, centered under "Blog" heading
• /docs/guides/example-guide/: sidebar navigation, main content with guide text, next link at bottom, TOC on right

1. 1

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

2. 2

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

3. 3

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