Back to PortfolioBrand Identity & Mascot Lab · Akal

Official Corporate Identity · Front L1 Approved

The Obsidian Glass Neo-Prompt

Smooth continuous Obsidian Glass squircle with electric turquoise perimeter rim light, command chevron & alert eyes. Mouthless in static form for an authoritative executive identity, awakening dynamically with micro-mouth and expressive behaviors during interactive AI activities.

Click character to cycle state

Current State: idle

Interactive Behavioral Controller

Agent Activity Console

System standby · Mascot in Living Pulse mode

Active Mechanics: The authoritative corporate identity at rest. Completely mouthless to maintain executive elegance, while subtle biological breathing and natural double-blinking bring the Obsidian Glass character to life.

The 4 Production Vector Behaviors

Pure standalone animated SVGs. Zero runtime JavaScript required — drop directly into web apps, docs, presentations, and video feeds.

Living Pulseidle

Ambient Idle State

The authoritative corporate identity at rest. Completely mouthless to maintain executive elegance, while subtle biological breathing and natural double-blinking bring the Obsidian Glass character to life.

›Subtle 4.5s sine-wave squircle breathing pulse (scale 1.00 → 1.02)

›Natural biological double-blink cycle with 4s interval

›Soft breathing glow on command chevron cursor (>)

Trigger: Default state on website loadDownload SVG

AI Reasoning & Inferencethinking

Processing Query

Activated when an AI agent is computing, executing search tools, or compiling quantitative models. The phosphor eyes scan thoughtfully upward while a rhythmic 3-dot waveform pulses below.

›Processor bus surge along the electric turquoise border (#2DD4BF ↔ #5EEAD4)

›Cognitive eye scan shifting upward and gently panning across data coordinates

›Rhythmic 3-dot phosphor waveform beneath eyes pulsing with staggered offsets

Trigger: Agent reasoningDownload SVG

Voice Synthesis & Token Streamspeaking

Generating Output

Activated during voice AI streaming, assistant replies, or token generation. The micro-mouth materializes seamlessly on the obsidian screen, dynamically modulating phonemes alongside audio waveform bars.

›Dynamic 26px micro-mouth materializes and modulates speech syllables & phonemes

›Quad-bar audio visualizer flanks the mouth, modulating to synthetic voice cadence

›Attentive conversational eyes focused directly on the user

Trigger: Voice synthesisDownload SVG

Delight & Task Completesuccess

Goal Achieved

Activated upon task completion, successful deployment, or user confirmation. The mascot celebrates with playful spring hops, cheerful crescent eyes (^ ^), a warm smile arc (⌣), and sparkle starbursts.

›Playful spring bounce with damped harmonic oscillation

›Phosphor eyes transform into cheerful crescent curves (^ ^)

›Warm upward smile arc blooms (⌣)

›Dual four-point sparkle starbursts radiate at opposing corners

Trigger: Task completionDownload SVG

The Obsidian Glass Dual-State Philosophy

01 / OFFICIAL STATIC IDENTITYOBSIDIAN GLASS · MOUTHLESS

Authoritative Executive Presence

Permanent mark for Business Cards, Navbar, Favicon

The static corporate mark uses the Obsidian Glass gradient (#1E2630 → #13191F → #0C1014) with an electric turquoise border, prompt chevron, and centered alert eyes. It has no mouth, delivering a serious, high-end, institutional identity suitable for Fortune 500 consulting and enterprise software.

Applied to: Physical cards (Front L1), website navbar lockup, Git badges, app icons.

02 / DYNAMIC INTERACTIVE LAYERREACTIVE ON DEMAND

Awakens into a Living Mascot

Voice synthesis, agent thinking, task completion

Whenever the AI acts as an assistant on your website or in video demo reels, the character awakens dynamically: the micro-mouth materializes to articulate speech syllables, audio visualizers pulse, eyes scan while thinking, and spring hops celebrate task completion.

Applied to: Interactive site widget, video intros, animated agent states.

All vector assets available in public/brand/ & public/brand/animations/