I am establishing a boutique AI consultancy. I need service illustration cards, outcome illustration cards, section dividers and a hero image for my website. I have some moodboards and mockups and an existing brand identity. Visual Style Abstract and structured—dot-and-line systems, constellation maps, orbits
Use of white space, simple geometry, modular curves, and arcs
NO literal robots, brains, or servers
Colours: Primary Navy: #0C1B33
White: #FFFFFF
Optional accents:
Mid grey #999999
Pale blue #A6C7E3
Provide visuals in both:
Navy on white
White on navy
Transparent
1. Service Illustrations (6 total) Used for visual cards or content blocks on the Services page.
Orientation & Discovery A telescope scanning a faint constellation grid, or a radial arc forming from small points. Could hint at a starmap or AI signal mapping system. Strategy & Roadmap Design A structured path made of linked dots or orbiting steps. Could form a 3-phase arc or constellation-style “bridge.” Workplace Policy Development Abstract layered “document” circles or a node-connected diagram. Could show policy as a structure with orbiting safeguards. Leadership Coaching Two or three orbiting points coming into alignment. Could reference “signal coherence” or convergence. External Positioning & Philosophy A compass/starburst or radiating dot with light signal lines. Could symbolise clarity, broadcast, or perspective. Ongoing Advisory A feedback loop or support orbit diagram—think small central node surrounded by arcs. Could suggest agility and retained insight.
Sizing Desktop card 300px × 300px Square format for grids Mobile / stacked 200px wide max Same artwork scaled down For landscape-style banners or side-by-side text layouts 16:9 or 4:3 ratios
2. Section Dividers & Accent Motifs Reusable dot-and-line or constellation fragments: Short horizontal or diagonal line with 2–4 star points
Subtle arc overlays
Mini starburst (central dot with small rays) for callouts or quote pull-quotes Sizing Full-width desktop section divider 1440px × ~100px
Tablet section 1024px × ~80px Shrink line weight if scaling Mobile section 768px × ~60px Simplify line spacing if detailed Min size for reusable motifs 300–500px wide Repeated horizontally or vertically in code
3. Homepage Hero Illustration A full-width abstract visual to sit behind or alongside the homepage tagline: AI transformation, powered by constellation thinking Concept: Light dot clusters that subtly form an “A”
Orbiting or flowing curves that suggest intelligence mapping
Animated version optional (e.g. fading dots, flowing pulse) Sizing - 1920px wide – for desktop hero - 1024px wide – tablet 4. Outcome illustrations This section will communicate the outcomes and strategic value Astrellon brings to its clients. It follows the Services section and builds trust by showing what transformation actually enables.
Confident, clean, modern
Intelligent but not over-explained
Should reflect strategic clarity and long-term enablement
Visual language: constellation thinking, abstract systems, subtle motion or structure
Operational efficiency
Streamlined processes through AI-enabled workflows Rising line chart with connected dots Scalable implementation Approaches that grow with your business Horizontal expanding lines with dots Strategic AI adoption Clear, value-linked integration Constellation “A” icon or node network Clarity in complexity Actionable frameworks for transformation Dot grid or lightly orbiting matrix Responsible enablement Decisions aligned with policy, culture and risk Circle orbiting document or compliance layer Long-term value creation Building repeatable, measurable outcomes Orbit loop or infinity-style dotted path
Sizing
Grid item 240–280px square Slightly smaller than service icons Inline callout or list visual 48–64px Small icon alongside label text Pill-style badge 100px width x 30px height For mobile callouts or filters
5. Testimonial Quote bubble Horizontal layout with icon or burst accent Desktop 500–600px wide
