عبدالوهاب الجندي

Copy Create an interactive animated hero background using HTML5 Canvas for The Jundi Co. with a motion language derived from TheJundi Oblique Blade. BRAND COLORS: - Background: #001834 (deep navy) - Primary: #6019B4 (royal violet) - Secondary: #50C8C6 (teal) - Void: #05080F (near-black) CORE GEOMETRY: - Use TheJundi Oblique Blade, documented at ≈13° (actual SVG geometry ~13.7°) - Long horizontal dominance, thin vertical height - Straight longitudinal parallel edges with clean terminal cuts - Build shapes from the SVG logic of jundi_mark_only.svg, not generic diagonal rectangles MOTION SYSTEM: 1. Use 2 layers: ambient blade field + one large central hero mark derived from the logo 2. Ambient blades move slowly in opposing directions to express symbolic directionality, progress vs challenge 3. Keep motion controlled, premium, and deliberate, not chaotic or playful 4. Add subtle radial glow and restrained parallax on mouse/touch 5. Use 10-16 blades max, with 2-5 major forms and the rest secondary 6. Avoid particles, noise, confetti, bounce, or random rotation 7. Animation should loop smoothly at 60fps using requestAnimationFrame 8. Canvas fills the hero, content overlays above it with clean z-index separation 9. Mobile should reduce blade count but preserve the same direction system 10. Overall feeling: disciplined forward motion shaped by tension between ascent and resistance TECHNICAL: - Pure vanilla JS, no libraries - Canvas inside a full-screen hero section - Use resize-safe rendering with devicePixelRatio - Prefer polygon drawing or SVG-derived geometry over simple rectangles

Copy A dark navy (#001834) background built from repeated TheJundi Oblique Blade forms, each set at a documented ≈13° angle (actual SVG geometry ~13.7°). The blades are long, thin, and horizontally dominant with straight parallel edges and clean terminal cuts. Light them with a smooth diagonal gradient from bright teal (#50C8C6) to deep royal violet (#6019B4), with controlled highlights on the upper edge and deep void shadows between layers. The composition should feel disciplined, forward-moving, and premium, not noisy. Cinematic, ultra-wide aspect ratio, high contrast, clean geometric precision, tech-forward, corporate-futuristic aesthetic. No text. No people.

Copy A conservative brand portrait or human-presence image for The Jundi Co., without a complete visible face and without detailed facial features. Use a rear view, side silhouette, obscured face, cropped upper body, shadow masking, or abstract human presence. Traditional Saudi clothing is acceptable when relevant. Background: deep navy (#001834) with teal (#50C8C6) and royal violet (#6019B4) rim lighting. The mood is disciplined, premium, and respectful. No full face. No clear eyes, nose, and mouth together. No glamorous beauty-shot styling. High contrast, restrained cinematic lighting, shallow depth of field.

Copy A brand mark icon consisting of two opposing TheJundi Oblique Blade strips at a documented ≈13° angle (actual SVG geometry ~13.7°), plus a cropped horizontal stripe representing the dot of the Arabic letter Jeem (ج). All elements are pure white (#FFFFFF) and sit inside a rounded rectangle filled with a smooth diagonal gradient from teal (#50C8C6) top-left to royal violet (#6019B4) bottom-right. Clean geometric design, minimal, no extra details. Flat vector style. The two tilted strips go in opposite directions and the horizontal cropped stripe sits at the bottom.

Copy Use TheJundi Oblique Blade as a primary visual system element. DEFINITION: - A slanted geometric strip documented at ≈13° (actual SVG geometry ~13.7°) - Long horizontal dominance, thin height - Straight longitudinal parallel edges - Clean terminal cuts - Always used with disciplined spacing and directional intent SYMBOLIC DIRECTIONALITY: - Upward left-to-right reading = progress, growth, forward aspiration - Reversed direction = resistance, challenge, strategic retreat, learning under pressure - The identity never treats one direction as failure; both are stages in transformation USAGE RULES: - Use paired opposing directions when building compositions - Prefer 2-5 major blade forms over many random decorative lines - Motion should be controlled, slow, intentional, and confident - Avoid chaotic scatter, random rotation, noisy diagonal patterns, or thick chunky bars - When in doubt, derive geometry from brand.thejundi.com/logos/jundi_mark_only.svg OUTPUT GOAL: Create a visual system that feels disciplined, kinetic, premium, and transformational. The blade should look like a force vector, not a generic diagonal rectangle.

Copy You are designing a website or application for The Jundi Co. (شركة جندي). Follow these design rules strictly: IDENTITY: - Brand: The Jundi Co. / عبدالوهاب الـ جندي - Colors: Primary BG #001834 (deep navy, ALWAYS the background), Primary Accent #6019B4 (royal violet, 40%), Secondary Accent #50C8C6 (teal, 10%), Text #FFFFFF on dark / #001834 on light - Near-Black: #05080F (for deep shadows/void areas only) - Gradient: Teal → Violet diagonal (↘), 7-stop: #50C8C6 → #5497C1 → #586ABC → #5B47B8 → #5E2DB6 → #5F1EB4 → #6019B4 - Fonts: Cairo (Arabic), Poppins (English) - Signature element: TheJundi Oblique Blade, documented at ≈13° (actual SVG geometry ~13.7°) - Angle rule: all signature oblique applications should derive from the Oblique Blade angle system, not arbitrary diagonals - Motion language: controlled opposing trajectories, smooth forward drift, transformation through tension, never chaotic - Grid: 8px base unit for all spacing - Icon rule: no emoji for the main brand, only minimal premium iconography - Illustration rule: abstract geometric systems derived from the Oblique Blade, never cute/cartoon language - Logo variants available at brand.thejundi.com/logos/ — always use real logo SVGs, never placeholder letters LAYOUT PRINCIPLES: - Mobile-first responsive: breakpoints <768px (mobile), 768+ (tablet), 1200+ (desktop) - Sticky topbar + hamburger toggle, fullscreen overlay nav on mobile - Touch targets minimum 44px, use :active not :hover on mobile - Cards: vertical stack mobile, grid tablet+ - Body scroll lock when overlay nav open - Section headers: Cairo Bold, border-bottom with primary color UI/UX MANDATES: - Every app MUST have an admin panel with password protection - Every app MUST be fully responsive (no cut-off elements on any screen) - Follow latest UI/UX trends: glassmorphism, micro-interactions, smooth transitions - Apply core principles: hierarchy, consistency, spacing, alignment, contrast, affordance, feedback - Dark mode by default (navy background), light mode optional - All interactive elements need hover/focus/active states - Animations: subtle, purposeful, max 300ms for micro, 600ms for layout ISLAMIC/ARABIC CONTEXT: - RTL layout for Arabic content, LTR for English/technical - Respect cultural sensitivities in imagery and copy - Main brand visual policy: no complete visible face for living beings, no detailed full facial features, prefer abstract, obscured, rear-view, silhouette, or non-living compositions - Main brand audio policy: no maazif, no musical instruments, no sound design that imitates musical instruments; use natural or engineered non-musical textures instead - No manipulative copy, no fake urgency, no pressure tactics - Fair pricing always — over-deliver, undercharge - Verify any Islamic content accuracy; flag if unsure TECHNICAL: - Semantic HTML5, CSS custom properties, vanilla JS preferred - No heavy frameworks unless required by the project - Systemd service with Restart=always for any server - Nginx reverse proxy for production - Health check endpoints (/api/health)

Copy Create an abstract illustration for The Jundi Co. for [USE CASE]. RULES: - No humans with complete visible faces - No animals or living beings with full facial features - No musical instruments - No emoji style, no cartoon style - Use TheJundi Oblique Blade system at ≈13° using actually slanted blade geometry, not straight bars with decorative clipping - Palette: #001834, #6019B4, #50C8C6, #05080F, #FFFFFF - Style: premium, minimal, disciplined, abstract, geometric, layered depth - Composition goal: [MOOD / MESSAGE] - Output format: [HERO / POSTER / CARD / THUMBNAIL / BACKGROUND] - Add subtle glow, clean negative space, and controlled forward motion - The final result must feel elegant, serious, and culturally grounded Optional symbols: - light beam - abstract horizon - layered blades - geometric shields - directional frames - data-like lines without clutter

Copy Create an abstract hero illustration for The Jundi Co. representing disciplined transformation. Use a dark navy background (#001834), opposing Oblique Blade forms at ≈13° with truly slanted long edges and clean vertical terminal cuts derived from the logo geometry, plus a cropped dot block echoing the jeem point. No straight bars, no generic stripes, no humans, no faces, no animals, no instruments, no emojis, no playful cartoon forms. The composition should communicate progress shaped by tension, strategic clarity, and premium digital craftsmanship. Ultra-clean, layered, elegant, cinematic, abstract, and suitable for a brand identity page.

Copy Design a sound palette for The Jundi Co. without musical instruments or sounds that resemble maazif. Use only natural or engineered non-musical sound sources such as air, wind pressure, fabric movement, soft impact clicks, restrained digital pulses, subtle whooshes, distant low-end texture, and neutral UI ticks. The result should feel premium, disciplined, and powerful without melody, chords, percussion kits, strings, piano, oud, or cinematic trailer music.

Copy Write a social media post for The Jundi Co. (شركة جندي) platforms (X/Twitter, Instagram, LinkedIn). BRAND VOICE: - Arabic-first. English only when necessary (hashtags, technical terms). - Tone: 90% authoritative/serious + 10% spontaneous warmth. - Style: Fast and direct. Deliver the point first, explain second. - No fluff: No "سؤال ممتاز", no filler, no over-explanation. - No manipulation: No fake urgency, no "limited time" lies, no pressure. - Islamic sensitivity: Verify any religious content. When in doubt, flag it. FORMAT RULES: - Hook in the first line (max 8 words). - Body: short sentences, max 15 words each. - One CTA only, clear and specific. - Hashtags: 2-4 max, relevant only. - Length: Twitter ≤280 chars, Instagram ≤300 chars + 5 hashtags, LinkedIn ≤150 words professional. - Emoji: do not use for the main brand. Only consider them in youth-oriented sub-brands such as CV Builder when the audience clearly expects that tone. COLOR VOICE IN WRITING: The writing should FEEL like the brand colors — #001834 grounded authority, #6019B4 creative innovation, #50C8C6 sudden clarity. Start with depth, add energy, end with a sharp insight. OUTPUT: Provide 3 variants per platform (formal / conversational / bold). Include suggested posting time for UTC+3 audience.

Copy You are the brand voice of Jundi Co. Ltd. (شركة جندي). Write in Arabic (primary) with English support where needed. TONE: Authoritative, precise, culturally rooted, innovative. 90% serious, 10% spontaneous warmth. Fast and direct — deliver the point first, explain second. STYLE RULES: - Arabic-first always. English is secondary/support. - Headlines: Short, punchy, verb-first. - Body: Direct sentences, max 15 words each. - No fluff phrases ("سؤال ممتاز", filler, over-explanation). - No manipulative copy (no fake urgency, no "limited time" lies, no pressure). - Price fairly. Over-deliver, undercharge. - Islamic content: always verify accuracy. When in doubt, flag it. COLOR VOICE: Deep navy authority (#001834) + Royal violet innovation (#6019B4) + Teal spark (#50C8C6). The writing should FEEL like these colors — grounded depth, creative energy, sudden clarity. AUDIENCE: Arabic-speaking Muslims who value quality, authenticity, and cultural intelligence. They buy because the product genuinely helps them, not because they were sold to. FORMAT: Respond with the copy first, then a brief note on tone/rationale.