Character · actions
What he does, and when
Every action answers something the visitor did. None of it is needed to use the page.
StandingAlways, while in viewBreathes, blinks, and his head and eyes follow the cursor. With no cursor he looks around slowly.WaveA few seconds after he first appears, then every 35 to 70 secondsRaises his hand beside his helmet and waves, happy face.CheerWhile the main call to action (Start Here) is hovered or focusedBoth arms up in a V, small hops, happy face. Settles when the cursor leaves.Fly and pointWhile a footer menu link is hovered or focusedShows that page's glyph, lifts off like a superhero until only a sliver of helmet clears his box, leans toward the link and points. A laser runs from his fingertip to the word. His shadow shrinks as he rises; he lands when the cursor leaves.LinkedIn waveWhile a LinkedIn link is hovered or focusedShows the 'in' glyph and waves for as long as the link is hovered.Milestone walkThe home page section, driven by scrollWalks a line and stops at five milestone rings. At each stop his face shows that tool's glyph and the tool card appears. Phones get the same walk seen from the front. Motion rules
- The cursor moves his head and eyes only, never the camera.
- Standing, the live 3D matches the still picture shown before it loads exactly, so nothing jumps when it fades in.
- The 3D loads only when he is near the screen and stops drawing when he leaves it.
- With reduced motion or no WebGL he is a still picture. Every action is decoration: nothing on the page depends on it.
- The laser has a white-hot core with an orange glow, so it reads on orange and on indigo. One beam at a time, only while a link is hovered.
- Clicks always pass through him. He never covers navigation, the header or a button.
Where he appears
| Home page, Meet Miles section | The milestone walk, after the client logos and before the testimonials |
| Footer, every page | Standing in the right half of the orange Schedule a Consultation box, reacting to the footer links |
| Client pricing portal | The in-app guide (planned, not built) |
| Portal intro video | Planned, not built |
Never
- Ask an image generator to draw the M on his chest, or any logo or text. Place the supplied monogram file afterwards.
- Add orange anywhere but the face pixels and ear rings. No chest light, no glowing trim.
- Make him the face of the firm: never on the About, team or culture pages, and never in place of a real person.
- Give him lines that advise, quote prices or speak for Miller Advisors.
- Move the camera with the cursor, or let him block a link, button or text.
- Use him in bereavement or serious notices.
- Stretch, recolour or redraw him. Use the supplied renders or the 3D build; new poses come from the studio.
Image prompts
Attach the client's original Miles render as a reference so proportions stay close. Keep the chest blank in every generated image; the real M is placed afterwards. These prompts made the concept art; the website build is the master for his look.
Hero concept · 4:5
Product render of a small friendly robot mascot, three-quarter front view, standing, full body. Same proportions as the reference image: very large rounded head, short compact body, short arms and legs.
Face: the entire face area is a flat-fronted dark indigo glass screen set into the helmet, slightly glossy. On the screen, two simple glowing orange pixel eyes made of visible square LED pixels, arranged as two upright rounded rectangles. No nose, no mouth, no skin, no beige.
Shell: glossy white ceramic panels on head and body with clean, precise panel seams and a few small flush fasteners.
Metal: the band framing the face screen, the round ear discs, the shoulder caps and hip caps are polished metallic indigo blue (#273B64), like anodised aluminium, with crisp studio reflections.
Joints: clearly mechanical exposed joints at neck, elbows, wrists, knees and ankles, in darker metallic indigo, with visible ball joints and pivot pins. Segmented robotic fingers. Hands and shoe soles are matte indigo rubber.
Orange (#F04923) appears in only two places: the pixel eyes and one thin glowing ring on each ear disc. No other orange anywhere.
Chest: a smooth, completely blank white chest plate. No logo, no letters, no symbols.
Lighting: soft studio lighting, large softbox reflections travelling across the metal parts, soft contact shadow. Plain pale grey seamless background (#F6F7FA). Sharp, high detail, premium industrial design, engineered but friendly.
Avoid: text, logos, letters, watermark, human face, skin, cute cartoon mouth, glowing stripes, chest light, rainbow reflections, chrome silver, gold, dirt, scratches, busy background.
Turnaround sheet · 3:2
Character turnaround sheet of the same robot mascot, four full-body views in a single row on a plain pale grey background (#F6F7FA): front view, three-quarter view, side view, back view. Neutral standing pose with arms slightly away from the body so the joints are visible. Identical design, proportions and scale in every view, feet aligned on one ground line, flat even studio lighting, no perspective distortion.
Design: very large rounded head, short compact body. The face is a flat-fronted dark indigo glass screen with two glowing orange square-pixel eyes. Glossy white ceramic shell with clean panel seams and small flush fasteners. Polished metallic indigo blue (#273B64) face band, ear discs, shoulder caps and hip caps. Exposed mechanical joints in darker metallic indigo at neck, elbows, wrists, knees and ankles, with visible ball joints and pivot pins. Segmented robotic fingers. Matte indigo rubber hands and soles. Orange (#F04923) only in the pixel eyes and one thin ring on each ear disc. Blank chest plate with no logo. The back view shows a plain white back panel with one round indigo metal cap.
Avoid: text, labels, logos, letters, watermark, human face, skin, mouth, glowing stripes, chest light, chrome silver, different poses per view, dramatic shadows.
Miles on indigo · 16:9
The same robot mascot walking from left to right along a thin white horizontal line, seen from the side at a slight three-quarter angle, mid-stride, full body, placed in the left third of the frame with wide empty space to the right. Deep indigo blue background (#273B64), flat and clean, slightly darker toward the edges.
Design: very large rounded head, short compact body. Dark indigo glass face screen with two glowing orange square-pixel eyes looking in the direction of travel. Glossy white ceramic shell with clean panel seams. Polished metallic indigo face band, ear discs, shoulder caps and hip caps, picking up bright rim light so they separate from the background. Exposed mechanical joints in darker metallic indigo. Matte indigo rubber hands and soles. Orange (#F04923) only in the pixel eyes and one ring on each ear disc. Blank chest plate with no logo.
On the white line ahead of him, three small evenly spaced round white markers. Soft studio lighting from the upper left, soft shadow under his feet. Minimal, premium, calm.
Avoid: text, labels, logos, letters, watermark, human face, skin, mouth, glowing stripes, chest light, stars, space scene, city, floor grid, lens flare, purple or teal tones.
Still to confirm
- Confirm with client Who made the original Miles art and with which tool, so usage rights are clear.
- Confirm with client A one-line description of each portal tool, and which tools are live at launch.
- Confirm with client Portal launch date and URL.