Agent Mono (TASC Mono) Design System

The Agent Service Company / Homepage visual language standard

Scope

Agent Mono and TASC Mono are two names for the same design system.

This specification describes the homepage visual language of theagentservice.com.

All future pages should match this style unless a new specification version changes it.

Theme Modes

• Light: white background + black text (#ffffff / #000000)
• Dark: black background + green text (#000000 / #00ff5f)
• Use data-theme="light" or data-theme="dark" on body
• This spec page preview supports ?theme=light and ?theme=dark

Prompt Instructions

Use this prompt template when generating new pages in the same style:

Create a static HTML page for The Agent Service Company.
The page must follow Agent Mono (TASC Mono).

Constraints:
- Use monospace font stack: Menlo, Monaco, Consolas, Liberation Mono, DejaVu Sans Mono, monospace
- Font size is 14px for headings, paragraphs, lists, and links
- Support two themes only:
  - light: white background (#fff) and black text (#000)
  - dark: black background (#000) and green text (#00ff5f)
- Text color accents can use only the Retro 16 palette tokens
- Layout is simple: max-width 800px, centered, with 2rem page padding
- Links are underlined and follow theme text color
- Section spacing follows homepage rhythm (h2 with 2rem top margin)
- No card backgrounds, no gradients, no shadows

Output:
- One complete HTML file with embedded CSS
- Semantic structure with h1, h2, p, ul/li and optional pre/code blocks

Core CSS Example

:root {
  --retro-0: #000000;
  --retro-10: #00ff5f;
  --retro-15: #ffffff;
  --theme-bg: var(--retro-15);
  --theme-fg: var(--retro-0);
}

[data-theme="dark"] {
  --theme-bg: var(--retro-0);
  --theme-fg: var(--retro-10);
}

body {
  font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'DejaVu Sans Mono', monospace;
  font-size: 14px;
  line-height: 1.6;
  color: var(--theme-fg);
  background: var(--theme-bg);
  padding: 2rem;
  max-width: 800px;
  margin: 0 auto;
}

a, th, td, pre {
  color: var(--theme-fg);
  border-color: var(--theme-fg);
}

Typography and Size Rules

Retro 16 Text Color Palette

Colored text is allowed, but only from this fixed 16-color palette.

Layout and Spacing Rules

• Content width uses max-width: 800px with centered page layout
• Page padding is 2rem
• Each section block keeps a simple vertical flow with consistent margins
• h2 starts a new block with margin-top: 2rem
• Use theme-colored separators only where needed
• Avoid horizontal scrolling by forcing content wrap when needed

Do and Do Not

Do

• Keep the style plain, technical, and readable
• Use semantic HTML and concise copywriting
• Use pre/code blocks for prompt and CSS examples
• Support both themes exactly: Light (white/black) and Dark (black/green)
• Use Retro 16 colors only for semantic emphasis

Do Not

• Do not add gradient backgrounds or decorative effects
• Do not introduce another font family
• Do not use multiple font sizes for visual emphasis
• Do not add animation or card-like visual components
• Do not use text colors outside the Retro 16 palette
• Do not use non-green default text in dark mode

Navigation

• Home: /
• Markdown: /index.md
• This Page: /design-spec.html

Agent Mono / TASC Mono | Specification version 1.5 | Last updated: 2026-03-05