The complete visual identity system for JaysLegend — colors, typography, logo usage, brand voice, and visual guidelines that bring Hossyjar's universe to life.
Where Every Frame Tells a Story
Three bold primaries define the JaysLegend universe — crimson energy, royal depth, and golden hope. Click any swatch to copy its hex code.
#E32626
RGB(227, 38, 38)
Primary action color, CTAs, highlights, energy moments
#1E3FA9
RGB(30, 63, 169)
Secondary accent, community elements, trust indicators
#F2C10E
RGB(242, 193, 14)
Accent highlights, special callouts, premium elements
Ink Black
#1A1A1A
Footer, dark sections
Charcoal
#111827
Dark backgrounds, hero overlays
Slate
#374151
Body text on light
Mist
#F9FAFB
Light section backgrounds
Pure White
#FFFFFF
Page backgrounds, cards
Crimson is the primary action color — use for buttons, links, and energy-driven elements.
Royal supports community and trust — use for Discord CTAs and secondary actions.
Golden is reserved for highlights and premium moments — never overuse.
Never combine all three primaries at equal weight — one should always dominate.
Bold headlines meet clean body text. Bebas Neue commands attention while Inter ensures readability across every screen.
WHERE EVERY FRAME TELLS A STORY
Bebas Neue · 72px · Bold · 1.0 line-heightTHE LEGEND UNFOLDS
Bebas Neue · 60px · Bold · 1.1 line-heightCommission Your Legend
Bebas Neue · 48px · Bold · 1.1 line-heightThe Resistance Rises
Bebas Neue · 30px · Bold · 1.2 line-heightStep into the world of Hossyjar — a hero driven by courage in a universe where darkness tests every soul. Every artifact tells a story. Every story shapes the legend.
Inter · 16px · Regular · 1.75 line-heightYour voice helps shape the next chapter. Each purchase unlocks another piece of the legend.
Inter · 14px · Regular · 1.6 line-heightHeadlines & Display
Bebas Neue
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789
Body & UI Elements
Inter
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
The JaysLegend wordmark is the primary brand identifier. It uses Bebas Neue in bold with custom letter‑spacing for maximum impact.
Full‑color wordmark on light backgrounds. Default usage for all brand touchpoints.
White wordmark for dark backgrounds and overlays.
Single‑color version for print and limited‑color applications.
Where Every Frame Tells a Story
Full lockup with icon mark and tagline for formal brand presentations.
Compact icon for favicons, app icons, and small‑space applications. Minimum 24px.
How JaysLegend speaks to the world — bold, community-first, and always inviting action.
Every word should feel like a frame from an epic story. We speak with confidence and dramatic flair — never timid, always impactful.
Our audience isn't just fans — they're co-creators. We invite participation, celebrate contributions, and make everyone feel like part of the legend.
Behind the epic storytelling is a real creator with real passion. We stay genuine, approachable, and never pretend to be something we're not.
We don't just describe — we invite action. Every message should move people to engage, create, join, or explore deeper.
“We don't just build a brand — we build a universe. Every post, every product, every interaction is another frame in the story we're telling together.”
— JaysLegend Brand ManifestoThe visual system that brings the JaysLegend universe to life — from photography direction to graphic devices.
Cinematic, high-contrast imagery with dramatic lighting. Character-focused compositions with atmospheric depth. Dark backgrounds with vibrant color pops.
Comic book-inspired digital art with bold outlines and vibrant fills. Dynamic action poses with energy effects. Consistent crimson, royal, and golden palette.
Remix Icon linear style for UI elements. Consistent stroke weight across all icons. Icons always paired with descriptive text for accessibility.
A signature golden bar used beneath headings and the wordmark to add emphasis and brand recognition.
A 4px crimson or golden left border used on text blocks to create visual hierarchy and lore-style storytelling feel.
Thin border‑corner frames in crimson or royal used in hero sections to add a cinematic, framed composition.
Animated micro‑particles in brand colors used sparingly in hero and dark sections for atmospheric depth.
Dark-to-transparent gradients over images to ensure text readability while preserving visual richness.
All cards use rounded-2xl (16px) corners with subtle shadows for a modern, approachable feel.
Primary Buttons
Secondary Buttons
Tags & Badges
A quick-reference summary of the complete JaysLegend brand identity and social presence.
These guidelines ensure JaysLegend looks and feels consistent everywhere. When in doubt, keep it bold, keep it cinematic, and keep it community-first.
Questions? Ask on Discord