Official Resources v2.4

9CAT

The official definitive source for the 9CAT visual identity system. Warm tech aesthetics designed for a decentralized future.

02. Color Palette

SYSTEM_PALETTE

Brand Orange

#FF9A2F

PMS 144 C

Warm Yellow

#FDBA74

ACCENT_01

Warm White

#FDFCF8

BODY_BG

Charcoal

#1E1E1E

UI_DARK

Soft Black

#121212

TRUE_BLACK

LIGHT 0%MIDTONE 50%DARK 100%

03. Typography

KODE_SYSTEM_v1
PRIMARY 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_v1

Interactive 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
9Cat Mascot
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

REPOSITORY

07. Support & FAQ

KNOWLEDGE_BASE
Can 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.