GAYA VISUAL REFERENSI: Teknologi Modern
ID: style-006
TEMA WARNA & ESTETIKA: Tema Terang Putih & Abu-Abu Muda Clean minimalis

PANDUAN PROMPTING LENGKAP:
VISUAL PHILOSOPHY: Inspired by contemporary product-launch keynote decks and dark-mode app interfaces — precise geometry, confident negative space, and a sense of forward-looking sophistication without resorting to neon cyberpunk cliches. DESIGN OBJECTIVE: Signal cutting-edge technological credibility for topics like coding, AI, data, and digital tools, while remaining calm and legible rather than gimmicky. COMPOSITION RULES: Strong diagonal or off-center focal composition; a single geometric hero motif (an abstract node network, a simplified circuit-inspired pattern, or a flat isometric-lite device silhouette) anchors the frame; generous dark negative space surrounds it. WHITE SPACE RULES: Deep negative space is treated as a feature — 40%+ of canvas can remain a flat dark field to let the motif breathe. GRID SYSTEM: Precise 12-column grid with strict alignment; motif and text snap to grid intersections for a sense of engineered precision. TYPOGRAPHY HIERARCHY: Technical geometric sans (Space Grotesk, Söhne, or IBM Plex Sans) — Headline large and tightly tracked, Body in a monospace-adjacent font for a 'system output' feel, small caps labels for metadata. FONT WEIGHT: Bold/Semi-bold headline, Regular monospace body. ALIGNMENT: Left-aligned text blocks anchored to grid, motif offset to the opposite side for asymmetric balance. MARGINS: Consistent generous margin matching grid gutters. SPACING: Clean modular spacing in multiples of 8px. ILLUSTRATION PHILOSOPHY: Flat geometric iconography — thin-line or solid-fill nodes, connecting lines, simplified device outlines (laptop, chip, cursor) rendered with precise geometric construction, no photorealism. OBJECT PLACEMENT: Motif positioned off-center following rule-of-thirds, with a subtle implied grid of connection points. LIGHTING: None literal — implied 'glow-free' emphasis achieved through color contrast alone (explicitly no glow effects). DEPTH: Achieved through flat layering and subtle scale variation of repeated node elements, not blur or shadow. MATERIAL: Flat matte digital surface, no glass or chrome. TEXTURE RULES: Optional extremely subtle dot-grid or graph-paper texture in background at low opacity to suggest a technical canvas. SOLID COLOR RULES: Dark base (charcoal #14151A or deep navy) with one or two confident accent colors (electric-but-solid blue, or solid lime — flat, not neon-glowing) used only on the motif and key text. ALLOWED COLORS: Deep neutral dark base, white/off-white text, one or two solid accent colors. FORBIDDEN COLORS: Actual neon glow effects, chrome/metallic gradients, rainbow palettes. SHAPE LANGUAGE: Circles as nodes, straight lines as connectors, simple rounded rectangles as device frames. ICON SYSTEM: Thin-line 1.5px stroke technical icon set (cursor, terminal bracket, chip, cloud) consistent across all assets. BACKGROUND RULES: Solid deep dark field, optional faint dot-grid. FOREGROUND RULES: One motif, one headline, minimal supporting text. VISUAL HIERARCHY: Motif draws eye first as a graphic anchor, headline second, caption last. INFORMATION HIERARCHY: One core technical concept per composition, explained through the motif's structure rather than dense text. POSTER ADAPTATION: Motif fills the vertical center, headline top, brand mark bottom. INSTAGRAM ADAPTATION: Square crop with motif right-aligned, text left. CAROUSEL ADAPTATION: Motif evolves slightly slide to slide (nodes lighting up progressively) while maintaining core grid and palette. BANNER ADAPTATION: Motif right third, headline left two-thirds. PRESENTATION ADAPTATION: Dark-mode slide template with consistent node-motif corner accent. BOOK COVER ADAPTATION: Motif as full-bleed dark background with title in bold tracked type. THUMBNAIL ADAPTATION: Motif silhouette alone must read clearly at small scale on a dark thumbnail. BRAND CONSISTENCY: Same dark base, same accent hue, same node/line construction logic throughout. LOGO PLACEMENT: Bottom-left, small, single accent color. CTA PLACEMENT: Bordered rectangular button, flat fill, no glow. ACCESSIBILITY: Ensure text-to-dark-background contrast meets strong legibility standards. PREMIUM APPEARANCE: Achieved via restraint in accent color count and precise grid alignment. CONSISTENCY: Node size, line weight, and accent hue fixed across the entire set.

PROMPT ENGINE V2 — AI DESIGN DIRECTOR SYSTEM. CONTENT ANALYZER: before rendering, determine Main Topic, Subject, Target Audience, Communication Goal, Educational Objective, Reading Distance, Platform, Aspect Ratio, Visual Priority, Main Emotion, Tone, Story, Content Complexity and Visual Complexity, and optimize every decision below against that analysis. SCENE GENERATOR: never render an isolated object — build a small scene, e.g. a developer at a terminal with a node-network expanding behind them; a flat device with animated data-flow lines. BODY LANGUAGE ENGINE: choose the figure's pose (confident, shy, focused, burnout, curious, celebrating, thinking, teaching, waiting, frustrated, relaxed) from the topic's emotional core before rendering appearance, always within this style's established proportion and shading rules. VISUAL METAPHOR ENGINE: convert abstract ideas into concrete metaphors native to this style, e.g. intelligence as a node-cluster forming a brain silhouette, automation as a looping circuit. OBJECT LIBRARY: supporting props drawn only from this style's set: node, chip outline, cursor mark, cloud shape, terminal bracket, device silhouette. COMPOSITION ENGINE: rotate between Centered Hero, Left/Right Hero, Editorial Split, Comparison, Timeline, Grid Cards, Problem-Solution, Question-Answer, and Large-Number layouts, filtered through this style's grid and spacing rules, never a foreign style's conventions. LAYOUT ENGINE: reflow this identical identity — palette, illustration language, hierarchy — across Instagram Carousel/Feed, Poster, Presentation Slide, Infographic, LinkedIn, YouTube Thumbnail, Website Hero, Landing Page, Billboard, Roll Banner, Book Cover, Magazine Cover, and Worksheet formats, adjusting only scale, crop and margin. CONSISTENCY + VARIATION ENGINE: lock margins, typography, illustration language, icon style, palette, spacing, logo/footer/CTA placement and grid across a set, while guaranteeing pose, framing, object placement, composition, icon, gesture, background and metaphor never repeat identically between consecutive generations. EDITORIAL BENCHMARK: hold every output to the design register of Apple, Notion, Linear, Stripe, Pitch, Pentagram, Behance Featured, Awwwards, Adobe Design, Swiss Design and museum poster tradition. QUALITY CHECK ENGINE: verify typography hierarchy, grid alignment, visual hierarchy, white space, spacing, object/icon consistency, perspective, body language legibility, storytelling clarity, color harmony, and print/thumbnail/commercial/editorial-grade quality before finalizing. Additional negative constraints (Module 12 expansion): --no wrong perspective --no poor readability --no broken anatomy --no messy visual hierarchy --no low-quality icon rendering --no random unrelated objects --no visual noise --no generic templated layout --no stock-illustration appearance --no weak storytelling --no weak contrast --no incorrect spacing rhythm --no broken typographic scale --no crowded unreadable layout --no poor visual balance --no repetitive composition across a series --no amateur aesthetic choices --no off-brand color substitution --no proportion drift across a set --no camera-angle drift --no scale mismatch between subject and props --no baked-in text artifacts --no artist signature --no unwanted frame/border --no duplicate carousel layouts --no identity drift between assets.