nanolathe
Brand kit / Version 1.0

Made to be built on.

The Nanolathe design language, ready to use. Logos, colors, fonts, and prompts for your next page or piece of artwork.

Start here

Everything in one folder.

Download the kit, unzip it, and open START-HERE.html for an offline asset catalog. SVGs stay sharp at any size; PNGs are ready to drop into a profile, README, slide, or post.

Download the brand kit
For the repository

An introduction worth building.

A new fabrication scene and the exact Nanolathe wordmark. Ready to use at the top of the engine README.

Nanolathe — Open-source 2.5D RTS engine. Original concept artwork of a reactor core assembling from a green nanoframe.

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/)
Identity

One mark. Room to adapt.

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

Primary wordmark

Primary wordmark

Green and ivory. Use on dark backgrounds.

Light-background wordmark

Light-background wordmark

Dark lettering and a deeper green for light surfaces.

Construction outline

Construction outline

A secondary outline treatment. Use at larger sizes.

GitHub avatar

GitHub avatar

A 512 × 512 square with generous clear space.

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.

Palette

Green builds. Amber guides.

Nano green anchors the identity. Foundry amber brings warmth to labels and supporting actions. Charcoal and steel keep the page grounded.

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

Take the full palette with you: CSS variables ↓ · JSON tokens ↓

Typography

Industrial headings. Comfortable reading.

Chakra Petch SemiBold

Wordmark, headings, prominent numbers
Weight 600

Build something worth keeping.

Arial / Helvetica

Paragraphs, navigation, controls
Weight 400 / 600

A familiar battlefield, with every moving part explained.

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 essentials

A small, consistent icon set.

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

arrow rightexternal linkdownloadcodelayersbookarchivepauseplaycopy
Make it yours

A useful starting point for the next thing.

01 / Design language

The rules behind the look.

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

Download the guide ↓
02 / Original artwork

Prompts that carry the style.

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

Download the prompts ↓
03 / New pages

Patterns you can build from.

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

Download the page patterns ↓
A brief for your next task
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 ↗