Brand & Media Kit
Official brand guidelines for CucumberTrade. Use these resources when referencing or representing the brand in any media, integrations, or partnerships.
Logo
The CucumberTrade logo consists of a three-blade symbol paired with the "Cucumber" wordmark. The symbol represents speed, growth, and the multi-agent nature of the platform.
Horizontal Logos
Horizontal Logo — White
For dark backgrounds — headers, navigation, marketing
Horizontal Logo — Black
For light backgrounds — print, partnerships, co-branding
Vertical Logos
Vertical Logo — White
For dark backgrounds — presentations, splash screens
Vertical Logo — Black
For light backgrounds — print media, merchandise
Usage Rules
- Maintain clear space around the logo equal to the height of the symbol
- Never distort, rotate, or recolor the logo
- Minimum size: 24px height for digital, 10mm for print
- Always use the official SVG files for crisp rendering
Color Palette
Three core brand colors form the foundation of all CucumberTrade visual design.
Primary Colors
Primary
Cucumber Green
#55E461
Accents, active states, links, CTAs
Primary
Cucumber Black
#04070B
Backgrounds, surfaces
Primary
White
#FFFFFF
Headings, primary text
Secondary Colors
Secondary
Cucumber Blue
#53B2ED
Hover states, info callouts, gradient pair
Secondary
Cucumber Gray
#6B7173
Muted text, labels, disabled states
Brand Gradients
Green → Blue
Black → Blue
Green Glow
Typography
CucumberTrade uses Rubik as its primary typeface — a neo-grotesque sans-serif with slightly rounded corners.
Type Scale
H1 / Bold
36px · -0.03em
Getting Started with CucumberTrade
H2 / Bold
28px · -0.02em
Architecture Overview
H3 / Semi
22px · -0.01em
Installation Requirements
Body
15px · 1.8
CucumberTrade provides a robust infrastructure for building and deploying trading agents with comprehensive API access.
Small
13px
Last updated 2 days ago · 5 min read
Caption
11px · 0.12em
On This Page
Font Weights
Ag
Light 300
Ag
Regular 400
Ag
Medium 500
Ag
Semi 600
Ag
Bold 700
Ag
Extra 800
Ag
Black 900
UI Components
Buttons
Get StartedView on GitHubLearn more →
Badges
StableBetaDeprecatedv2.1.0
Links
Introduction →
Green default, transitions to blue on hover
API Reference →
Consistent across sidebar, content, navigation
Callouts
Info
Node.js 18+ required for setup.
Tip
Use the simulator to test safely.
Downloads
Official brand assets for integrations, partnerships, and marketing materials. Click any card to download the SVG file.
Horizontal Logos
Horizontal Logo — White
For dark backgrounds — 318 × 48
Horizontal Logo — Black
For light backgrounds — 318 × 48
Vertical Logos
Vertical Logo — White
For dark backgrounds — 236 × 106
Vertical Logo — Black
For light backgrounds — 236 × 106
Profile Pictures & Social
Default Profile Picture
Circular — gray border — 350 × 350
Profile Picture — Dark Green
Dark green background — 800 × 800
Profile Picture — Black
Black background — 800 × 800
Profile Picture — Gradient
Gradient background — 800 × 800
Token
Was this page helpful?