tawa.insureco.io — brand system v1.0

Tawa
Brand Kit

Build, deploy, and monetize insurtechs on the Tawa platform. Gas-powered APIs, managed infrastructure, and a PlugINS marketplace.

Blue #639CF8Accent #60A5FASky #93C5FD Exo 2 + Inter3 SVG Vectors4 Reusable Effects
Quick Ref

Brand Gradient

Tawa Brand Gradient
linear-gradient(135deg, #639CF8 0%, #60A5FA 50%, #93C5FD 100%)
LogoSVG
Logo — Full Color
Download SVG
Logo WhiteSVG
Logo — White
Download SVG
Marketing
Globe on Brand Gradient
01

Brand Colors

Tawa Brand Gradient — Blue to Sky
linear-gradient(135deg, #639CF8 0%, #60A5FA 50%, #93C5FD 100%)
Tawa Blue
#639CF8
Primary
Tawa Blue Light
#60A5FA
Accent / Hover
Sky
#93C5FD
Gradient End
Dark Background
#080F1A
Page Background
Surface
#171D28
Cards / Panels
Surface Light
#262C35
Borders / Elevated
Muted Text
#94A3B8
Secondary Text
Text
#E2E8F0
Body Text
White
#F8FAFC
Headings / Emphasis
02

Vector Logos — SVG

LogoSVG
Logo — Kokopelli + Wordmark
SVGOpen
Logo WhiteSVG
Logo — White
SVGOpen
GlobeSVG
Kokopelli Globe / Tile
SVGOpen
03

Usage Rules

Do
  • Use SVG vectors whenever possible
  • Use tawa-logo-white on dark backgrounds
  • Use tawa-globe as an app icon or tile
  • Use brand gradient for marketing headers
  • Maintain original aspect ratios
  • Pair Exo 2 headings with Inter body text
Don't
  • Stretch or distort the Kokopelli mark
  • Place white logo on white backgrounds
  • Add shadows, glows, or strokes to SVGs
  • Re-color outside the approved palette
  • Alter the gradient stop colors or angle
  • Use Exo 2 for long body paragraphs
04

Typography — Exo 2 + Inter

Display / Hero — Exo 2 900
The Insurance
Technology Platform.
Section Headings — Exo 2 800
Build, deploy, and monetize insurtechs
Body Copy — Inter 400
Tawa is the insurance technology platform that lets developers build, deploy, and monetize insurtechs. Gas-powered APIs, managed infrastructure, and a PlugINS marketplace make it the fastest path from code to production.
Labels / UI — Exo 2 700 + uppercase + tracking
Platform  ·  Version 1.0  ·  March 2026  ·  tawa.insureco.io
Exo 2 Weight Scale (Headings & Display)
300 — Light: The Insurance Technology Platform 400 — Regular: The Insurance Technology Platform 600 — SemiBold: The Insurance Technology Platform 700 — Bold: The Insurance Technology Platform 800 — ExtraBold: The Insurance Technology Platform 900 — Black: The Insurance Technology Platform
Inter Weight Scale (Body & UI)
300 — Light: Gas-powered APIs and managed infrastructure 400 — Regular: Gas-powered APIs and managed infrastructure 500 — Medium: Gas-powered APIs and managed infrastructure 600 — SemiBold: Gas-powered APIs and managed infrastructure 700 — Bold: Gas-powered APIs and managed infrastructure
05

ASCII Logo

The TAWA ASCII art rendered in the console after login. Uses box-drawing characters with a two-tone glow. Respects --color-accent-bright and --color-accent CSS custom properties.

Small (8px)
Medium (11px) — Default
Large (14px)
Embed — ASCII Logo
<div data-tawa-ascii data-size="md"></div>
<script src="https://brand.insureco.io/effects/tawa-ascii.js"></script>
06

Starfield Background

Static night-sky dots drawn once on a canvas. Zero ongoing CPU. Used behind the public landing pages on tawa.insureco.io.

Starfield + ASCII Logo
Download JS
Embed — Starfield
<canvas data-starfield
  style="position:fixed;inset:0;z-index:-1;pointer-events:none"></canvas>
<script src="https://brand.insureco.io/effects/starfield.js"></script>
07

Matrix Rain — Full

Animated katakana + product name rain. The homescreen background on tawa.insureco.io. Higher visual density — use at low opacity (0.2-0.3) behind content.

Matrix Rain — Live Demo
Download JS
Embed — Matrix Rain
<canvas data-matrix-rain
  style="position:fixed;inset:0;opacity:0.3;pointer-events:none"></canvas>
<script src="https://brand.insureco.io/effects/matrix-rain.js"></script>
08

Rain Accent — Subtle

Subtle ASCII rain on a transparent canvas. Used as a light texture behind console cards. Pure ASCII characters, shorter streams, lower density than the full matrix rain. Accepts a data-color attribute.

Welcome back, Derek
org: insureco
Blue (Starfield theme)
Welcome back, Derek
org: insureco
Green (Aurora theme)
Embed — Rain Accent
<canvas data-rain-accent data-color="#60a5fa"
  style="position:absolute;inset:0;width:100%;height:100%"></canvas>
<script src="https://brand.insureco.io/effects/rain-accent.js"></script>
09

Theme CSS Variables

The Tawa console supports 6 themes. Set data-theme on your <html> element to activate. All effects respect theme colors via CSS custom properties.

STARFIELD
Starfield
bg: #080F1A / accent: #60A5FA
Default dark — deep navy, blue
AURORA
Aurora
bg: #071410 / accent: #34D399
Emerald teal night sky
EMBER
Ember
bg: #130E00 / accent: #F5D060
Warm amber gold
VOID
Void
bg: #09000F / accent: #CC88FF
Deep purple focus mode
SLATE
Slate
bg: #111111 / accent: #C084FC
Neutral dark minimal
DAWN
Dawn
bg: #F8FAFC / accent: #3B82F6
Light — clean and open
All Effects CDN URLs
https://brand.insureco.io/effects/tawa-ascii.js
https://brand.insureco.io/effects/starfield.js
https://brand.insureco.io/effects/matrix-rain.js
https://brand.insureco.io/effects/rain-accent.js
05

LLM / Machine-Readable Data

Paste into any system prompt, pipeline context, or AI agent brand block.

brand.json · Tawa v1 · March 2026