Реферальный Код Bybit 113631 - Бонусы при Регистрации
bybit-kod.pro“A high-energy, benefit-driven financial brand that prioritizes clarity and urgency over aesthetic flair. It combines a trustworthy, institutional foundation with aggressive promotional messaging to drive immediate user acquisition through tangible monetary rewards.”
Color Palette
Colors
Typography
Fonts
-apple-system
BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif
-apple-system
BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif
The quick brown fox
16pxThe quick brown fox
36.8pxThe quick brown fox
27.2pxComponents
Design System
rgba(0, 0, 0, 0.5) 0px 4px 15px 0px
linear-gradient(135deg, rgb(15, 23, 42) 0%, rgb(45, 55, 72) 100%)...
Voice & Tone
Personality
Visual Energy
Design Era
modern-flat
Emotional Tone
urgent-trustworthy
Target Audience
Crypto traders and investors seeking low fees and welcome bonuses, likely Russian-speaking markets, who value clear financial incentives and straightforward registration processes.
Comparable Brands
Brand Rules
Dos & Don'ts
Do
- Use -apple-system font family for all text; apply 700 or 800 weight for headings and 400 for body copy.
- Format all headings in sentence-case only; never use title case or all-caps for main headers.
- Set body text line-height to exactly 25.6px to ensure high readability on dense informational pages.
- Use #1e293b (Slate 800) for primary text and headings to convey authority and seriousness.
- Use #f97316 (Orange 500) exclusively for accent elements, key value propositions, and primary CTA backgrounds to draw attention to benefits.
- Apply linear-gradient(135deg, rgb(15, 23, 42) 0%, rgb(45, 55, 72) 100%) for hero sections or key informational cards to create depth without clutter.
- Use subtle shadows (rgba(0, 0, 0, 0.5) 0px 4px 15px 0px) on navigation bars and floating elements to establish layering hierarchy.
- Write copy in a matter-of-fact, enthusiastic tone focusing on concrete benefits (e.g., '30050$', 'USDT') using repetition and social proof statistics.
- Keep border-radius minimal (2px base unit) for inputs and small containers; use slightly larger radii (8-12px) for cards if needed, but avoid pill shapes.
Don't
- Do not use emoji in any marketing copy or UI elements; the brand relies on text and numbers for impact.
- Do not use exclamations points in headings or body copy; maintain a confident, matter-of-fact tone.
- Do not use serif fonts or alternative sans-serif families (like Roboto or Open Sans); stick strictly to system fonts.
- Do not use bright, neon, or multi-color gradients; limit gradients to the specified dark slate-to-blue transition.
- Do not use playful or whimsical illustrations; the visual language should be clean, geometric, and data-oriented.
- Do not use light mode backgrounds with dark text for primary CTAs; use #f97316 background with white text for high contrast.
- Do not use title case for headings; this violates the established sentence-case convention.
- Do not use excessive drop shadows on buttons; reserve shadows for structural elements like nav bars and cards.
How to use this file
1. Save this file as DESIGN.md in your project root (sibling to README.md).
2. AI agents that read project files (Claude Code, Cursor, v0, Lovable, Bolt, Windsurf) will discover it automatically.
3. Validate or export tokens with the official CLI:
npx @google/design.md lint DESIGN.md npx @google/design.md export --format tailwind DESIGN.md
Developer Access
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/bybit-kod.pro \
-H "x-api-key: ev_your_key"
# Export as CSS variables
curl https://extractvibe.com/api/extract/JOB_ID/export/css \
-H "x-api-key: ev_your_key"
# Export as Tailwind config
curl https://extractvibe.com/api/extract/JOB_ID/export/tailwind \
-H "x-api-key: ev_your_key"Extract your own brand kit
Get colors, fonts, voice, and personality from any website in seconds. Open source.