StoXify Brand & Design System
Official logo specifications, color codes, typography hierarchy, and iconography guidelines.
LOGO VARIANTS
Stoify
01 — Primary
White or transparent background
Stoify
02 — Reversed
Navy background · Accent Blue X (#4F8CFF)
Stoify
03 — Monochrome
Single #111827 — stamps, watermarks, single-color print
Stoify
04 — Transparent
Transparent background PNG for overlay use
6
Iconography
STYLE RULES
Outline only — never filled
Consistent outline style throughout the entire icon set. No filled icons in any context.
1.5–2px stroke, rounded caps
Consistent stroke weight. Rounded linecaps and joins match card corner radii across the product.
Default: #111827 · Active: #1A5CC8
Single dark gray/navy default. Brand Blue for active or selected states in navigation and controls.
Semantic tinting in trade cards
Icons inside trade cards representing semantic meaning (risk level, trade direction) are tinted to match their semantic color.
EXAMPLE ICONS AT DEFAULT, ACTIVE, AND SEMANTIC STATES
Trending
Alerts
Compliance
Profile
Search
Watchlist
Research
Expiry
Active
Semantic: Success
Semantic: Danger
Semantic: Warning
Semantic tinting applies only inside trade cards — not as general decorative color.
Brand Color Palette & Specifications
Primary Dark Ink
#111827
Accent Blue X
#4F8CFF
Navy Background
#0B192C
White / Light
#FFFFFF
TYPOGRAPHY SPECIFICATION
Text Type Guidelines
Heading: ManropeBody & Data: Inter
ROLE
SPECIMEN
SPECS
Display
Compliant by design.
Manrope Bold 32–40px
Screen title
Active Recommendations
Manrope SemiBold 24–28px
Section header
Portfolio Performance
Manrope SemiBold 20px
Card title
Bajaj Finance — Buy
Manrope SemiBold 16–18px
Body
Your recommendation from Vikram Nair has achieved T1. Review the updated rationale before deciding next steps.
Inter Regular 14–15px
Body medium
SEBI Registration: INH000012345 · CMP ₹2,280
Inter Medium 14px
Caption / meta
Last updated 14 min ago · Expires 18 Jul 2026
Inter Regular 12px
Numeric / data
₹2,450.60↑ 3.24%₹1,850.00
Inter Medium Tabular nums 14–16px
Icon Mark / Favicon Symbol
Standalone dual-stroke X mark used for app icons, avatars, and compact spaces.
Primary Icon
Reversed Icon