The rough draft of our own system. Two themes, one yellow accent, the Speed mascot, 3D icons and the liquid metal ripple, built on the same rules we ship to clients.
Two themes, one accent. Light theme is graphite with flat yellow. Dark theme is pure black with neon yellow that glows. Use the toggle in the nav to switch.
#1E1F22Light theme canvas.
#26282CLight theme cards and panels.
#000000Dark theme canvas. Pure black, no tint.
#FFD400The one accent. Flat in light theme.
#FFE600Dark theme accent. Always glows.
#C9CCD1Headlines and metal. Always liquid.
#8E9298Body copy and captions.
#E10600Reserved. Logo mark and Speed's sunglasses only.
Flat yellow, no glow. Graphite canvas, surface cards.
Pure black canvas. Yellow always carries a neon glow.
One accent word per headline, always yellow. Numbers and live values may be yellow too.
Use sparingly: at most one yellow surface per screen. The marquee band, the new way card, chips and badges.
Never in UI. Red lives only in the logo mark and Speed's neon sunglasses.
Headlines render as liquid metal with one accent word. Body copy stays quiet in Steel so the chrome can shine.
Speed Styles turns your brand into a system your team and your AI agents both run on.
Yellow key light from above, red from below. Hover to tilt and catch the sheen. Wherever an icon appears inside a card, that card is frosted glass.
aidscanvasagency
browser
social
print
dashboard
phone
logo
illustration
camera
video
presentation
globe
key
promptThe ripple is our default section background. Every page alternates ripple sections with quiet ones, always lit in yellow, and it sits on graphite or black to match the theme. Move your cursor to ripple it, click to splash.
The cheetah is the primary asset. Hero scenes put him in the racecar or at work on pure black, lit only by yellow light trails. Liquid chrome textures support him, never replace him.
Everything sits on frosted glass so the liquid metal shows through. Only the two primary actions are chrome, so the next step is always obvious. Any card or tile that holds a 3D icon always sits on frosted glass.
+3Your rules are written so AI tools can read and follow them.
Yes. We encode it exactly as it is.
Website, social and app will update with the new campaign.
Speed is the primary asset on every page: heroes, steps, team cards and calls to action. Sloth appears only as the contrast, doing things the slow, old way.
Every page hero is a Speed scene, and every content section that needs an image uses a Speed pose chosen for that section. Show him in the racecar for launches, heroes and final calls to action.
Sloth only appears beside Speed in an old way versus new way comparison: meetings, paper files, redlines and waiting. Never as a hero, never on his own.
Speed never takes off his neon red sunglasses: glowing red frames, smoke black lenses and two vertical white glint lines on each lens, never diagonal, never stars. They are the only red in the system.
Hero and card crops are aimed at Speed's face, so his head and shades stay whole at every screen size and never sit under the nav.
Metallic headlines over a scene or ripple get frosted glass behind them, blurred in the shader or as a glass card, so the chrome always reads.
Header scenes can play seamless racecar loops. The still frame is the poster and the reduced-motion fallback.
Enlarged heads, compact torsos and short limbs. Match the body sheets, measuring head size without hats. Keep the same proportions in every pose.
Front, back, side and ¾ views. Bare faces expose the expressions. Rear views show posture and silhouette; facial features remain hidden.
Transparent PNG sheets. Scene props travel with each pose. The preview checkerboard belongs to this page, never to the artwork.
Golden cheetah fur, black spots and tear marks, cream muzzle. Black racing suit, yellow stripes, red trim, white S badge, gloves and racing sneakers. Always wears neon red sunglasses with vertical white glint lines, in every view including expression studies, so emotion reads through brows, ears and mouth.
Brown fur, cream face and dark eye patches. Black coat with gold trim, cream waistcoat, cravat and breeches, dark boots, and a feathered bicorne. Hat returns for outfit and action studies.
Marketing, web app and mobile templates show the two registers: loud marketing and quiet, functional product. Print and digital mockups show the brand off screen.
