KDCube · Color Schema Demo

Sunflower field palette × brand teal-blue-purple. Open for your review before applying to the site.

1 · Color Palette

Brand — from logo (teal · blue · purple · navy)

Mint Cyan#C6F3F1

Teal#01BEB2

Teal Dark#009C92

Blue#4372C3

Navy#2B4B8A

Purple#6B63FE

Deep Dark#06101E

From the sunflower field image (gold · green · sky cerulean)

Sunflower#F0BC2E

Petal Gold#F5D870

Harvest#C89A10

Meadow#52B044

Forest#2E7A28

Sky#38B8C8

Backgrounds, surfaces & text

Page BG#F6FAFA

Teal Surface#EEF8F7

Gold Surface#FDF9EE

White Card#FFFFFF

Text#0D1E2C

Text Mid#3A5672

Muted#7A99B0

2 · Logo on Backgrounds

Light page background #F6FAFA

Teal gradient body + mint text reads well. Proposed default.

Teal-wash hero/section banner background

Harmonizes beautifully — same family, the logo "emerges" from the surface.

Dark navy background #2B4B8A

High contrast. Can be used for footer, hero dark variant, or code sections.

3 · Colorful Banners

Gentle gradient banners — each with a clear semantic role. Subtle enough to not scream, vibrant enough to delight.

4 · Buttons

View Docs

5 · Feature Cards

Core

ReAct Agent Loop

Autonomous multi-step reasoning. Calls tools, updates plan, streams deltas — all in a single bounded loop.

New

Bundle Economics

Per-user quotas, funding lanes, Stripe integration. Reservation semantics ensure correctness under concurrency.

Platform

Isolated Exec

Ephemeral Docker containers for safe code execution. EC2-backed proc for fast startup, Fargate for batch.

Live

SSE Streaming

Block-by-block timeline. chat_delta, chat_step, chat_complete — relayed via Redis pub/sub fan-out.

Knowledge Space

Git-indexed docs and source. Semantic search with embeddings. Built during on_bundle_load(), ks: path prefix.

SDK

Skills System

Platform built-ins: web_search, web_fetch, react.write, react.stream. Custom skills in skills_descriptor.py.

6 · Hero Section Mock

Build AI Apps faster with KDCube

Self-hosted, multi-tenant platform and SDK for agentic AI applications. Ship your first bundle in minutes.

7 · Typography Scale

Heading 1 — 2.5rem 800 Heading 2 — 1.75rem 700 Heading 3 — 1.25rem 600 Body — 1rem 400 — The quick brown fox jumps over the lazy dog. Body small — 0.875rem — secondary text, descriptions, card copy. Label — 0.75rem 700 UPPERCASE code snippet — monospace

8 · Why These Colors Work Together

Color	Origin	Semantic role	Why it fits
Teal #01BEB2	Logo eye iris	Primary accent	Anchors everything; bridges gold (split-complement) and blue (analogous). Image sky is adjacent.
Gold #F0BC2E	Sunflower image	Warm highlight	Split-complement of teal — maximum warmth without clashing. Creates energy and joy.
Green #52B044	Meadow grass	Success / live	Analogous to teal, analogous to gold. The natural bridge between warm and cool families.
Blue #4372C3	Logo gradient	Secondary / structural	Analogous to teal — flows naturally as the logo gradient continuation. Calm and trustworthy.
Purple #6B63FE	Logo antenna ball	AI / premium	Rotated from blue — adds richness for AI/advanced features. Already in the logo, so it's on-brand.
Sky #38B8C8	Image sky	Calm / docs	Between teal and blue, calming mid-tone from the image. Neutral informational panels.

💬

Next step: Share any feedback — swap, add, or reject colors. Once confirmed we'll apply these tokens to styles.css, docs.html, and all site pages.