jang_q

home
colour
usage

download all (.zip)

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, or grab everything in one ZIP. Older links under /logos/brand-pack/ still work and now serve the same new artwork.

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-long-2400x400.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-j-on-violet.svg

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

Profile

Profile pictures for GitHub, Hugging Face, X and Discord — upload the square; the site crops it.

avatar-circle-ring.svg

avatar-circle.svg

profile-violet.svg

07

Lockup

Mark plus wordmark, horizontal and stacked.

lockup-horizontal

lockup-horizontal.svg

lockup-stacked

lockup-stacked.svg

08

Banner

Wide headers at their native sizes — Open Graph, GitHub, X, YouTube, LinkedIn, Hugging Face — plus a 16:9 wallpaper.

banner-dark-1920x1080

banner-dark-1920x1080.svg

banner-github.svg

banner-huggingface-1200x300

banner-huggingface-1200x300.svg

banner-linkedin-1584x396

banner-linkedin-1584x396.svg

banner-og.svg

banner-twitter.svg

banner-youtube-2560x1440

banner-youtube-2560x1440.svg

splash-1024x1024

splash-1024x1024.svg

09

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

10

Pattern

Tiling background.

pattern-tile

pattern-tile.svg

11

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

12

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.