Logos and brand files

Nanolathe logos, colors and fonts, with source files and usage notes.

Download the kit

Unzip the kit and open START-HERE.html to browse the files offline. Use an SVG when you need to resize the logo, or a PNG for a profile, README, slide or post.

Download the brand kit

README banner

A construction illustration with the Nanolathe wordmark, sized for the engine README.

PNG ↓ · WebP ↓ · Editable SVG ↓ · Usage and source details ↓

Paste into the engine README

[![Nanolathe — Open-source 2.5D RTS engine](https://nanolathe.gg/brand/readme-header.png)](https://nanolathe.gg/)

Logo variants

Keep the segmented N and its assembly particles together. Choose the variant for your background.

Primary wordmark

Green and ivory. Use on dark backgrounds.

SVG ↓PNG ↓

Light-background wordmark

Dark lettering and a deeper green for light surfaces.

SVG ↓PNG ↓

White wordmark

One-color applications on a dark surface.

SVG ↓PNG ↓

Dark wordmark

One-color applications on a light surface.

SVG ↓PNG ↓

Nano green mark

The standalone N for compact spaces.

SVG ↓PNG ↓

White mark

A single-color version for dark backgrounds.

SVG ↓PNG ↓

Dark mark

A single-color version for light backgrounds.

SVG ↓PNG ↓

Construction outline

A secondary outline treatment. Use at larger sizes.

SVG ↓PNG ↓

GitHub avatar

A 512 × 512 square with generous clear space.

SVG ↓PNG ↓

Light avatar

The square identity on an ivory background.

SVG ↓PNG ↓

Also included: 16, 32, and 48 px favicons, an ICO, a 180 px Apple touch icon, and a 1024 px avatar. Use the design guide for sizing and clear space.

Colors

Green is the main accent. Amber is for secondary labels and actions; charcoal and steel are background colors.

Charcoal

Page backgrounds

#121516

Steel

Raised sections

#1b2021

Ivory

Headings and body text

#edf0e7

Nano green

Identity, construction, primary actions

#b6ef63

Foundry amber

Section labels, secondary actions, feature accents

#e7b66f

Full palette: CSS variables ↓ · JSON tokens ↓

Fonts

Chakra Petch SemiBold

Wordmark, headings, prominent numbers
Weight 600

Nanolathe

Arial / Helvetica

Paragraphs, navigation, controls
Weight 400 / 600

The factory doors open when a unit is ready.

System monospace

Code, labels, technical metadata
Weight 400

go run ./cmd/nanolathe

Download Chakra Petch SemiBold ↓ · Font license. Body and code text use system fonts. The SVG wordmarks have outlined lettering and need no installed font.

Interface icons

24 px grid, 1.6 px strokes, square line ends. Each SVG uses currentColor when placed inline.

arrow right external link download code layers book archive pause play copy

Authoring guides

Design and writing guide

Color roles, logo spacing, typography, tone, and accessibility. Share this with a designer or an agent.

Download the guide ↓

Artwork prompts

A reusable style block, scene briefs, and editing prompts. Pair them with the reference illustration included in the kit.

Download the prompts ↓

Page templates

Hugo examples for layouts, sections, buttons, and documentation. Reuse the components and tokens already in the site.

Download the page patterns ↓

Starter brief

Use the Nanolathe brand kit. Read brand/GUIDE.md first, then brand/ARTWORK_PROMPTS.md for artwork or brand/PAGE_PATTERNS.md for a page. Reuse the supplied logo assets and color tokens. Create: [describe the asset, audience, placement, and dimensions].

Website code and original brand geometry are MIT licensed. Keep the bundled font license with the font. The construction illustration is original concept artwork, not a game screenshot. Asset provenance ↗