OGPixel
Dev Tools Template

Code Terminal OG Image Template

A realistic terminal window with Catppuccin Mocha color scheme. Built for developer tools, APIs, open source projects, and technical content.

ogpixel.dev
$ ogpixel generate
npm install awesome-cli
// // A blazing fast command-line tool for developers
Use This Template →

What is the Code Terminal Template?

The Code Terminal template renders your OG image as a realistic terminal emulator window, complete with macOS-style traffic light controls (red, yellow, green dots), a terminal header bar, and monospace font throughout.

The color scheme is based on Catppuccin Mocha, one of the most popular terminal themes in the developer community. The background uses#1e1e2e with a darker header bar at #181825, matching the real Catppuccin palette exactly.

The title is displayed as green terminal output (#a6e3a1) at 36px, and the subtitle is prefixed with // to look like a code comment. Above the title, a $ ogpixel generateprompt in blue adds the illusion of a real command being executed.

Best Use Cases

Developer Tools & CLIs

Make your CLI tool look authentic when shared

API Documentation

Technical docs shared on social with a dev-friendly look

Technical Tutorials

Blog posts about coding, frameworks, or devops

Open Source Projects

GitHub README links that look great on social

Customization Guide

Title: This is the most important field. Use it for your command, package name, or key message. For example: npm install my-tool,kubectl apply -f deploy.yaml, orBuild Failed: 3 Tests.

Subtitle: Use it for a comment or output line. The // prefix makes it look like a code comment. Or use it for success/error output in your message.

Accent Color: Changes the command prompt color. The default blue (#89b4fa) matches Catppuccin. Green (#a6e3a1) looks like a successful command. Red (#f38ba8) for error messages.

Template Specifications

Output size: 1200 x 630 pixels
Aspect ratio: 1.91:1
Format: PNG
Font: SF Mono / Fira Code (monospace)
Title size: 36px, 700 weight
Color scheme: Catppuccin Mocha
Background: #1e1e2e (solid)
Window chrome: macOS traffic lights

Frequently Asked Questions

What color theme does the terminal use?

Catppuccin Mocha, one of the most popular terminal themes. The background is #1e1e2e, the header is #181825, and text colors follow the Catppuccin palette (green #a6e3a1, blue #89b4fa, etc.).

Can I use this for non-code content?

You can, but it works best for developer audiences. The monospace font and terminal aesthetic are designed to resonate with programmers and technical readers.

Does the command prompt text change?

The prompt always shows "$ ogpixel generate" as a decorative element. Your custom title appears below it in green, simulating the output of that command.

Is this better than Carbon for OG images?

Carbon creates beautiful code snippet images. OGPixel's terminal template is specifically designed as an OG image (1200x630) with text titles rather than code screenshots. They serve different purposes — Carbon for code, OGPixel for titles and announcements.

Try the Code Terminal Template

Open the editor with this terminal template pre-selected. Type your command and download.

Open in Editor →