jang_q

home
colour
usage

Brand assets

JANG logos and marks

Mixed-precision quantization for MLX on Apple Silicon. Everything here is charcoal #1B1B1F, violet #B18CFF and white #EDEDF0, set in IBM Plex Mono with the type outlined — so no file depends on the font being installed. Take what you need.

01

App icon

The application icon. Charcoal ground, violet accent letter, white remainder. Use the macOS variants for a bundle icon — they sit on Apple's 824/1024 grid.

app-icon-macos-stacked.svg

app-icon-macos.svg

app-icon-stacked.svg

app-icon-transparent.svg

app-icon.svg

02

Wordmark

The horizontal lockup. Pick the colourway that matches the ground you're placing it on.

wordmark-black.svg

wordmark-dark.svg

wordmark-light.svg

wordmark-lowercase.svg

wordmark-on-charcoal.svg

wordmark-on-white.svg

wordmark-plate.svg

wordmark-tagline.svg

wordmark-violet.svg

wordmark-white.svg

03

Icon

Square marks for avatars, tiles and anywhere a wordmark won't fit.

icon-macos.svg

icon-mark-transparent.svg

icon-mark.svg

icon-outline.svg

icon-terminal.svg

icon-transparent.svg

icon-violet.svg

icon.svg

04

Mark

The prompt glyph — the system's abstract mark. Holds at the smallest sizes.

icon-prompt.svg

mark-transparent

mark-transparent.svg

mark

mark.svg

05

Favicon

Single-letter marks. These are what a browser tab actually renders.

favicon-16.svg

favicon-32.svg

favicon-wordmark.svg

favicon.svg

06

Lockup

Mark plus wordmark, horizontal and stacked.

avatar-circle-ring.svg

avatar-circle.svg

lockup-horizontal

lockup-horizontal.svg

lockup-stacked

lockup-stacked.svg

07

Banner

Social and repository headers, at their native sizes.

banner-github.svg

banner-og.svg

banner-twitter.svg

splash-1024x1024

splash-1024x1024.svg

08

Badge

Small violet-tinted chips for READMEs and release notes.

badge-apache-2.0

badge-apache-2.0.svg

badge-apple-silicon

badge-apple-silicon.svg

badge-mlx.svg

badge-open-source

badge-open-source.svg

09

Pattern

Tiling background.

pattern-tile

pattern-tile.svg

10

Colour

The whole system. Violet is the only accent; everything else is a neutral.

Ground#1B1B1F

Raised#222227

Rule#323238

Violet#B18CFF

Text#EDEDF0

Dim#8D8D99

11

Using these

01Keep violet scarceViolet marks one of three things: machine output, a live measurement, or the primary action. On a full page it should appear five to eight times.

02Don't recolour the markThe accent letter is violet and the remainder is white or near-black. There is no gradient, blue or green version any more.

03Don't add effectsNo gradients, no drop shadows, no glow, no rounded corners on the square marks. The macOS variants are the only rounded artwork.

04Mind the small sizesBelow about 32px use the single-letter favicon or the prompt mark. The full wordmark stops being legible.

05Give it roomClear space around any lockup is at least the cap height of the wordmark on every side.

06Type is outlinedEvery file here is real paths, not live text, so nothing breaks where IBM Plex Mono isn't installed.