Brand guidelines
Guidelines and assets for presenting the Supercode brand consistently.
Naming
"Supercode" is the brand name and always spelled with a capital "S".
It is a single word and should not be spelled as "SuperCode", "supercode", "Super Code", or any other variation.
When referring to the CLI tool, use "supercode-cli" (all lowercase, with hyphen).
Logo
Use the Supercode pixel wordmark for stronger brand recognition. Do not alter these files in any way.
Colors
Click any hex value to copy. Our palette is built on warm amber/orange tones with a deep dark foundation.
#F97316var(--color-primary)#FB923CCLI badge#FDBA74Logo highlight#E78A53Email templates#121113var(--color-background)#1A1B1Evar(--color-card)#222222var(--color-border)#71717Avar(--color-muted-foreground)#A1A1AALogo grayscale#E6EDF3var(--color-foreground)#00FF88CLI accent#1A4A36CLI backgroundTypography
Supercode uses a monospace-forward type system. Code is king.
Supercode builds software at the speed of thought.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Supercode builds software at the speed of thought.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Product
Use the following product screenshots when presenting Supercode to avoid showing any sensitive information.
Usage rules
- • Use the pixel wordmark on dark backgrounds
- • Maintain clear space around the logo
- • Use the amber/orange palette for brand materials
- • Use JetBrains Mono for code and terminal contexts
- • Keep the logo at a legible size
- • Stretch or distort the logo
- • Change the logo colors
- • Place the logo on busy backgrounds
- • Use the logo as a pattern or texture
- • Add effects like shadows or gradients to the logo
Questions
Please contact us if you need additional assets or have questions on how to use the Supercode brand.