Skip to main content
Meet G — the GBuild mascot, a dark chibi robot framed by a rainbow G-shaped ring, cupping its hands into a glowing heart over a Gbuild hoodie

Design

Meet G

A chibi-robot mascot with a rainbow G-ring face and a 7-state machine

GBuild

Oh My Geee!

GBuild is a macOS desktop app that orchestrates 12+ AI coding agents from a calm, voice-first interface. The marketing site is live at gbuild.app, with an interactive 3D mascot at gbuild.app/play. The desktop app is in private development.

G is GBuild’s mascot and brand anchor: a friendly chibi AI companion rendered both as 2D brand art and as a real-time 3D model with custom GLSL shaders. The design-system name is “midnight-glass”: dark backgrounds, emerald accents, heavy glass effects, and sidebar-first layouts.

The lockup

3D mascot in a heroic thumbs-up pose alongside the “Gbuild” wordmark and five capability icons: Build, Chat, Code, Deploy, Analyze.

GBuild mascot lockup: 3D G character in thumbs-up pose with Gbuild wordmark and five capability icons

Anatomy of G

The G mascot in full: a dark chibi robot with a rainbow G-shaped ring face, a small flag on its head, rainbow-cuffed arms and legs, a Gbuild hoodie, holding a Polaroid-style instant camera

Head

Dark sphere (#0B0F1A) with a rainbow-gradient G-shaped arc ring wrapping approximately 300 degrees, framing the face and forming the letter G

Eyes

Two small curved arc "happy half-moon" eyes: one warm/rainbow-tinted, one cyan/teal. Can shift to hearts, sparkles, or a wink per expression state

Flag

A small jaunty rainbow flag tilted on top of the head

Torso

Dark capsule body with a circular rainbow G plate on the chest

Arms

Capsule arms. Right arm is gesture-animatable: wave, thumbs-up, idle

Legs

Capsule legs with rainbow torus rings at the ankles

7-state behavioral machine

Each state drives its own breathing rhythm, pointer tracking, blink cycle, arm pose, leg swing, and particle-field shader mode. A 6-gesture vocabulary (idle, wave, thumbsUp, sparkle, heart, wink) layers on top.

Idle

Gentle breathing animation, slow blink cycle, subtle pointer tracking. Arms relaxed at sides.

Listening

Eyes widen slightly, head tilts toward audio source. Breathing pauses. Particle field dims to receptive mode.

Thinking

Eyes shift to contemplation arcs, subtle head oscillation. Particle field pulses in a slow wave pattern.

Speaking

Confident posture, eyes bright. Mouth region glows faintly. Particle field radiates outward from center.

Confident

Thumbs-up gesture, eyes become sparkle arcs. Particle field shifts to celebration shader. Full rainbow saturation.

Uncertain

Slight head tilt, one eye squints. Arms pull in. Particle field contracts and dims to cooler tones.

Error

Eyes shift to X marks, flag droops. Red-shift on particle field. Body language contracts protectively.

The rainbow gradient

Signature 5-stop gradient at 35 degrees. Used as the G ring, accent borders, link hovers, and particle-field base color.

#FF7A18

Ember

#FF3CAC

Magenta

#7B61FF

Violet

#3ABEFF

Cyan

#00E5A8

Mint

Neutrals

Background

#0B0F1A

Surface

#111827

Foreground

#E5E7EB

App-icon variants

Dark, Light, and Tinted variants across iOS size classes. The icon-spec grid covers every export needed for App Store submission.

GBuild app-icon export grid: Dark, Light, and Tinted variants across iOS sizes
GBuild rounded-square app icon variant
GBuild G mark (scalable SVG)

Expression variants

The eyes are the primary expression channel. Heart-eyes for appreciation, sparkle-eyes for confidence, a wink for playful acknowledgment. Each expression maps to a specific interaction state in the desktop app.

G mascot with heart-shaped eyes on dark background

Want to talk through a design system or a brand?

Get in Touch
Meet G — Jeffrey Johnson