Repository Atlas
Command Bridge

Typography / Code

Sites /typography/code

Code

Font Stack (Code/Monospace)
'Monaco', 'Menlo', 'Ubuntu Mono', monospace

Used for code blocks, pre elements, and code-styled text.

Inline Code

Use const variable = 'value' for inline code snippets. The accent color #0066cc helps distinguish code from regular text.

Code Block (Pre)
function example(name) {
  console.log(`Hello, ${name}!`);
  return {
    status: "success",
    message: "Function executed"
  };
}

// Call the function
const result = example("World");
Code Comments in Blocks
// This is a comment explaining the code
const config = {
  // API endpoint
  baseUrl: 'https://api.example.com',

  // Request timeout in milliseconds
  timeout: 5000,

  // Enable debug logging
  debug: true
};
Terminal-style Output
$ npm run build
> Building webstack...
✓ Validating content
✓ Building all sites
✓ Deploying to CF Pages

Build completed in 3.2s