congo

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

Overall

blog, clean, minimal, light

Palette

background #ffffff; surfaces [#ede9fe, #ddd6fe, #7c3aed]; text #27272a; muted text #3f3f46; primary #7c3aed; accents []

Type

headings ui-sans-serif, 800, sentence-case; body ui-sans-serif, 16px; scale h1 36px / h2 24px / h3 20px

Shape & spacing

button/card radius 6px, no borders, soft shadows on cards, section spacing 4rem, content width 1024px

Sections (top to bottom)

• Header — horizontal nav with logo, links, search, language toggle; white background
• Hero — centered headline with emoji, subheading, paragraph, and purple alert bar with CTA button; full-width illustration below
• Content block — two-column layout with sample pages list; left-aligned thumbnails, right-aligned text with metadata
• Recent/Content Samples — vertical list of articles with thumbnails, titles, dates, read times, and summaries; each item has a small upward arrow icon at the far right
• Footer — centered copyright and attribution text in small font

Signature details

• Purple abstract tree illustration with fireworks above
• Consistent use of purple accent color (#7c3aed) for links, buttons, and highlights
• Minimalist card design with subtle drop shadows
• Small upward arrow icons next to article lists
• Clean typography with consistent spacing and alignment
• Use of emojis in headlines and content

Other pages

• /congo/docs/: documentation page with large hero image of devices, followed by a list of sections with illustrative icons and brief descriptions
• /congo/samples/: identical layout to home but with extended list of content types including charts, diagrams, and external articles

1. 1

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

2. 2

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

3. 3

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