Buddio DESIGN & EXPERIENCE KIT / 0.1

BUDDIO / DESIGN & EXPERIENCE KIT 0.1

A shared language
for every life.

From original brand and character to a reusable foundation for color, components and experience.

v0.1 · Based on the current prototype with proposed guidelines to validate.

Original 2D Badi

YOUR KIT / START HERE

Start with four foundations.

Explore brand, components, color and typography below. Click or tap an asset to view the original.

01 / ORIGINALS

Where the brand begins.

From brand identity to character, then to a living experience.

Original Buddio logo
Creator-supplied original logo
Original 2D Badi
Creator-supplied 2D Badi
3D Badi iteration
3D character iteration

Preserve original proportions and orientation. Use a dedicated front-facing chat avatar. Keep originals and later iterations distinct.

02 / FOUNDATIONS

One system, four life contexts.

Home #74563E
Travel #775B3F
Work #486A80
Night #695582

Typography

32 / 24 / 20 / 16 / 14 / 12

Readable hierarchy with a system sans-serif stack.

Space

4 / 8 / 12 / 16 / 24 / 32 / 48 / 64

Use spacing to separate information and touch targets.

Shape & motion

12 / 18 / 24 / 999 · 160 / 240 ms

Motion clarifies change; offer a static reduced-motion alternative.

tokens.json ↗ · tokens.css ↗

03 / COMPONENT CONTRACTS

From intent to interface.

Conversation

Capture intent and clarify what is needed.

Plan & Task

Distinguish drafts, progress, paused and failed states.

Decision & Thing

Make decisions explicit and results findable.

EXAMPLE / TASK STATUS

Awaiting your decision

A choice is ready for your review.

State specimen: visual demonstration only; no task is executed.
components.schema.json ↗

04 / EXPERIENCE GUIDANCE

Clear, trustworthy, in your control.

Personal

Start with life moments; make preferences visible and editable.

Trust

Show status and source, confirm key decisions, and offer recovery.

Inclusive

Semantic controls, keyboard focus, text states and reduced motion.

experience-guidelines.json ↗ · asset-manifest.json ↗