FOLDER_ZIP
Logo Pack
SVG, PNG, EPS formats
24MB
Official Resources v2.4
9CAT
The official definitive source for the 9CAT visual identity system. Warm tech aesthetics designed for a decentralized future.
01. LOGO GUIDELINES
OFFICIAL LOGO ASSETS FOR ALL 9CAT BRAND APPLICATIONS.
HORIZONTAL LOGO LOCKUPS
USE THESE LOGOS FOR WEBSITE HEADERS, PRESENTATIONS, DECKS, AND WIDE LAYOUTS.
SQUARE / ICON LOGOS
USE FOR AVATARS, APP ICONS, FAVICONS, SOCIAL MEDIA, AND COMPACT LAYOUTS.
!CLEAR SPACE & USAGE RULES
XXXX
9
Minimum clear space = X. X is defined as the height of the "9" in the 9CAT wordmark.
Dos & Don'ts
- •Always maintain clear space on all sides
- •Do not stretch, skew, rotate, or recolor logos
- •Do not place logos on busy or low-contrast backgrounds
- •Use officially provided logos instead of recreating them
02. Color Palette
SYSTEM_PALETTEBrand Orange
#FF9A2F
PMS 144 C
Warm Yellow
#FDBA74
ACCENT_01
Warm White
#FDFCF8
BODY_BG
Charcoal
#1E1E1E
UI_DARK
Soft Black
#121212
TRUE_BLACK
03. Typography
KODE_SYSTEM_v1PRIMARY FONT
Kode Mono
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789!@#$%^&*()
USAGE GUIDELINE:Used for the entire interface. Kode Mono provides a tech-centric, precise, and modern feel consistent with the 9CAT identity.
CORE WEIGHTS
Regular
Design for All
Medium
Warm Tech Era
Bold
Digital Soul
VISUAL HIERARCHY:Use Bold (700) for headings and Regular/Medium for body copy. Ensure high contrast levels for accessibility.
Display XLThe Future is Warm
Heading 1Precision meets Humanity
Heading 2Tech Aesthetics & Warm Design
Body Text
Innovation is not just about the silicon, it's about the feeling it evokes in the end user. Our visual language combines the cold precision of high-end engineering with the organic warmth of meaningful human connection. Every pixel is intentional.
04. UI Components
LIB_CORE_v1Interactive States
Contextual Badges
New Release SYSTEM ONLINEv2.4.0_STABLE
Base Containers
Standard Card with Accent
bolt
Dark Theme Component
Empty State Pattern
05. The Mascot
9CAT_AVATAR
9
Meet 9Cat
"9Cat" is our friendly AI companion. He represents the helpful, intelligent, and human-centric side of our technology stack. Use him to guide users through complex flows or celebrate successful actions.
DO: Use 9Cat in onboarding, empty states, and success toasts.
DO: Ensure 9Cat always has eye contact with the main action.
DON'T: Distort 9Cat's proportions or change his core palette.
06. Downloads
REPOSITORYFONT_DOWNLOAD
Font Family
OTF, TTF, WOFF2 formats
12MB
TEXTURE
Texture Library
High-res noise & grid PNGs
150MB
07. Support & FAQ
KNOWLEDGE_BASECan I use the logo in a different color?expand_more
No. Please stick to the provided primary palette (Orange/White/Black) or the monochromatic versions. Do not use custom gradients on the logo itself unless using the designated 3D assets provided in the Mascot section.
Where can I find presentation templates?expand_more
Presentation templates for Keynote, PowerPoint, and Google Slides are available in the internal marketing drive. Direct download links will be added to this Branding Kit in Q4 2024 update.
Is Space Grotesk free to use?expand_more
Yes, Space Grotesk is an open-source font available under the SIL Open Font License (OFL). You can use it freely for commercial and personal projects without attribution, though it is encouraged.
How should I use the chamfered design language in my UI?expand_more
The chamfered corner should always be consistent (20px for large containers, 10px for buttons). It represents the 'warm tech' precision. Avoid overusing it on every single element to maintain visual hierarchy.