|
Description: |
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
Tablet
400px wide
300px wide
300px wide
File Formats & Deliverables
SVG + PNG (high-res, clean, vector-safe)
Variants in:
Navy on white
White on navy
Transparent background
Favicon-sized cut of any icons |
