AaaS Brand Reference

Visual standard for the Business Startup Toolbox. All 108 assets inherit these tokens via template-base.css + template-base.js.

Agents-as-a-Service · AaaS Branding · v1.1
1 · Color Palette

Light Theme

--bg #ffffff
--bg-secondary #f7f7f6
--bg-tertiary #efefed
--text #111113
--text-secondary rgba(17,17,19,.62)
--text-muted rgba(17,17,19,.38)
--circuit #0088A0
--accent-red #C9335A

Dark Theme

--bg #080809
--bg-secondary #111113
--bg-tertiary #1a1a1c
--text #e0e0de
--text-secondary rgba(224,224,222,.55)
--text-muted rgba(224,224,222,.30)
--circuit #00F3FF
--accent-red #F43F6C
2 · Accent & Semantic Colors
#0088A0
Circuit (Light)--circuit
#00F3FF
Circuit (Dark)--circuit
#C9335A
Accent Red (Light)--accent-red
#8ed5b8
Success (Pastel)--success
#00ff88
Success (Neon Hover)--success-hover
#edc888
Warning (Pastel)--warning
#ffaa00
Warning (Neon Hover)--warning-hover
#e8a8a8
Danger (Pastel)--danger
#ff2244
Danger (Neon Hover)--danger-hover
3 · Typography

Primary — Inter (--sans)

2.25rem / 700 Agents-as-a-Service
1.5rem / 600 Business Startup Toolbox
1.125rem / 600 Section heading
1rem / 400 Body text — 108 production-ready assets covering every phase of the startup journey.
0.85rem / 400 Secondary body text for descriptions, captions, and metadata.
0.7rem / 600 Section Label · Overline

Monospace — JetBrains Mono (--mono)

0.85rem const settings = AaaSSettings.get();
0.75rem --circuit: #0088A0; --sans: 'Inter'; --radius: 0.5rem;
0.65rem localStorage.setItem('aaas-settings', JSON.stringify(config));
4 · Typography Settings (Control Panel Defaults)
PropertyTokenDefault
Heading font--sans (heading)Inter
Body font--sansInter
Monospace font--monoJetBrains Mono
Base font size--base-font-size16px
Heading scale--heading-scale1.35x
Line height--line-height1.6
Heading weight--heading-weight700
Body weight--body-weight400
Letter spacing (headings)--letter-spacing0em
5 · Geometry — Radius & Spacing

Border Radius

0.25rem
--radius-sm
0.5rem
--radius
0.75rem
--radius-lg

Spacing Scale

0.25rem (4px)
0.5rem (8px)
1rem (16px)
1.5rem (24px)
2rem (32px)
3rem (48px)
6 · Elevation — Shadows
--shadow-xs
--shadow-sm
--shadow-md
--shadow-lg
7 · Component Samples
Buttons
Badges
Circuit Success Warning Danger
Input
Card

Template Card

The standard card component used across all 108 toolbox templates.

8 · Available Style Presets

Default (AaaS)

Teal circuit · Inter · 0.5rem radius

Tech

Neon cyan · JetBrains Mono · 0.25rem sharp

SaaS

Indigo · Inter · 0.75rem rounded

Business

Navy blue · Inter · 0.375rem formal

Consultancy

Warm stone · DM Sans · 0.25rem minimal

Creative

Bold rose · Plus Jakarta Sans · 1rem pill

Finance

Forest green · serif-friendly · 0.25rem sharp

Startup

Orange energy · Inter · 0.75rem friendly
9 · Branding Architecture — How It Flows
┌─────────────────────────────────┐ │ CONTROL PANEL │ Single source of truth │ (control-panel.html) │ Writes to both localStorage keys: │ │ │ Brand colors, fonts, spacing, │ → aaas-company-context (full config) │ typography, company context │ → aaas-settings (visual settings) └───────────┬─────────────────────┘ │ ▼ ┌─────────────────────────────────┐ │ template-base.js │ Bridge engine (loads on ALL 100 pages) │ │ │ 1. Reads aaas-settings │ Primary visual settings │ 2. Reads aaas-company-context │ Fallback for branding data │ 3. Merges & applies via │ │ CSS custom properties │ │ │ │ Bridges namespaces: │ │ --circuit → --brand-primary │ For website & pitch-deck │ --sans → --font-sans │ For website & pitch-deck │ --mono → --font-mono │ For website & pitch-deck └───────────┬─────────────────────┘ │ ▼ ┌─────────────────────────────────┐ │ template-base.css │ All design tokens defined here │ │ │ :root (light defaults) │ ← Base layer │ [data-theme="dark"] │ ← Dark overrides │ [data-style="tech|saas|..."] │ ← Preset overrides │ inline style.setProperty() │ ← Custom palette (highest priority) └───────────┬─────────────────────┘ │ ▼ ┌─────────────────────────────────┐ │ 108 TEMPLATES │ │ │ │ 58 HTML toolbox templates │ Use --circuit, --sans, --mono │ Website + Pitch Deck │ Use --brand-primary, --font-sans │ 6 XLSX · 5 DOCX · 1 PPTX │ Static (manual update) │ index.html + control-panel │ Settings UI └─────────────────────────────────┘
10 · Current Active Settings (localStorage)
Loading...
11 · Visual Asset Examples — Token-Driven Compositions

Every element below uses var(--token) references only. Change the brand tokens in the control panel or edit template-base.css and all assets update instantly.

11a · Hero Section
Autonomous Agent Workforce

Context is King

Deploy autonomous agents that understand your business context. Schema-first intelligence, basalt-grade reliability.

11b · Navigation Bar
AaaS
System Online
11c · Feature Card Grid

Context Engine

Deep context encoding that gives agents genuine understanding of your domain.

Agent Dispatch

Deploy specialist agents that execute autonomously with basalt-grade reliability.

Schema Validation

Every entity is typed, validated, and structured. No loose markdown. No guesswork.

11d · Pricing Table
Starter
$0
per month
3 agents
1,000 requests/day
Community support
Most Popular
Professional
$49
per month
Unlimited agents
50,000 requests/day
Priority support
Enterprise
Custom
tailored pricing
Dedicated infrastructure
SLA + compliance
Onboarding engineer
11e · Dashboard Widget

Agent Performance

Live
12
Active
847
Tasks/hr
99.9%
Uptime
Mon Today
11f · Glassmorphism Cards (side-by-side theme demo)
Dark Glass
Agent Status

12 active agents processing 847 tasks per hour with 99.9% uptime.

Online Healthy
Light Glass
Agent Status

12 active agents processing 847 tasks per hour with 99.9% uptime.

Online Healthy
11g · Footer
AaaS

Autonomous agent workforce platform. Context-engineered intelligence forged in basalt-grade reliability.

Product
Resources
Company
© 2026 AaaS Branding · All rights reserved
Privacy Terms
11h · Email Header / Banner
AaaS
Weekly Agent Dispatch

Your agents deployed 2,847 tasks this week

Performance is up 12% from last week. Two new agents were activated in the manufacturing vertical.

11i · Social Share Card (OG Image)
agents-as-a-service.com

Deploy your autonomous
agent workforce

Context is King. Schema-first intelligence with basalt-grade reliability.

11j · Form / Contact Section

Start a Conversation

Tell us about your use case and we'll connect you with the right agent specialist.

We respond within 24 hours.