Blowfish

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

Overall

landing page, futuristic, medium density, dark

Palette

background #1a214a; surfaces [#1b2149,#0d1233,#1e3a6e,#18181b]; text #ffffff; muted text #8d94bd; primary #2f73cd; accents [#4a9ef0,#1e3a6e,#ffdd00]

Type

headings -apple-system, 900, uppercase/normal; body -apple-system, 14px; scale h1 72px / h2 18px / h3 18px

Shape & spacing

button radius 9999px, card radius 8px, 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 64px, content width 1024px

Sections (top to bottom)

• Header — fixed navigation bar with logo, menu items, and utility icons, dark surface with subtle glow
• Hero — full-width gradient background with abstract fish illustration, centered headline, subheading, three CTA buttons
• Features — three-column grid of cards with numeric highlights and descriptive text, dark cards with white text
• Benefits — three-column grid of feature cards with icons, titles, and links, consistent spacing
• AI integration — single card with icon, title, description, and CTA link
• Announcement — dark blue box with code snippet, warning triangle icon, and monospace text
• Theme playground — layout selector with tabs, sponsor avatars in row, contributor grid of circular avatars
• Recent — section header with "Recent" label

Signature details

• Abstract geometric illustrations with glowing neon lines
• Floating particles and triangular shapes in background
• Consistent use of rounded corners and soft shadows
• Glowing yellow coffee cup icon in bottom-right corner
• Monospace code blocks with syntax highlighting
• Hover effects on cards and buttons

Other pages

• /docs/: Documentation section with grid of article cards featuring illustrations, titles, metadata, and tags
• /samples/: Samples section with grid of demo content cards showing various content types like charts, diagrams, and markdown examples

1. 1

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

2. 2

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

3. 3

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