Brand Guidelines品牌指南
The Tiger Loans logo combines institutional authority with approachable warmth. The tiger mascot is our brand's most recognizable asset — always friendly, always professional.
奇虎贷款的标志融合了机构权威性与亲和力。虎吉祥物是品牌最具辨识度的资产——始终友善,始终专业。
Use on white, cream, or light gray backgrounds.
用于白色、奶油色或浅灰色背景。
tigerloans-logo-black.svgUse on navy, dark overlays, or dark backgrounds.
用于深蓝色、深色遮罩或深色背景。
tigerloans-logo.svg
Favicons, app icons, social avatars, watermarks.
网站图标、应用图标、社交头像、水印。
tigerloans-logo-transparent.pngAlways maintain clear space equal to 1× the logo height on all four sides.
在标志四周保持至少1倍标志高度的净空间。
Every color has a purpose. Navy anchors authority. Gold signals warmth and prosperity. Orange drives action. Cream creates comfort. Together they tell the Tiger Loans story.
每种颜色都有其意义。深蓝色象征权威;金色传递温暖与繁荣;橙色驱动行动;奶油色营造舒适感。
Use these semantic names in code for maintainability.在代码中使用这些语义化名称。
Playfair Display anchors authority in English headings. Inter keeps UI clean and readable. Noto maintains the same hierarchy in Chinese. JetBrains Mono brings precision to financial data.
Playfair Display赋予英文标题权威感;Inter保持界面简洁易读;Noto在中文中保持相同的层次结构;JetBrains Mono为金融数据带来精确感。
A consistent set of UI components built on the Tiger Loans design system. Every component communicates trust, clarity, and action.
基于奇虎贷款设计系统构建的一致UI组件集,每个组件都传达信任、清晰和行动力。
Competitive rates for primary residences, vacation homes, and investment properties across 15 states.
为自住、度假和投资房产提供竞争性利率,覆盖15个州。
Lower your monthly payment, access equity, or shorten your term with our no-cost refi analysis.
通过我们的零费用再融资分析降低月供、获取权益或缩短还款期。
We monitor rates daily and alert you the moment refinancing makes financial sense for your situation.
我们每日监控利率,当再融资对您有利时立即提醒。
Generous whitespace signals trustworthiness. The 8px base unit creates a consistent rhythm throughout all components and sections.
充裕的空白传达可信赖感。以8px为基础单位,在所有组件和区块中创造一致的节奏感。
Purposeful motion reinforces brand feel. Always prefer GPU-friendly transform/opacity properties.
有目的性的动效强化品牌感知。始终优先使用 GPU 友好属性。
:root {
--duration-fast: 150ms;
--duration-standard: 250ms;
--duration-slow: 400ms;
/* Animate only transform + opacity for GPU compositing */
}
Honest, expert, warm, and action-oriented. Tiger Loans speaks like a trusted advisor who happens to be the most knowledgeable person in the room.
诚实、专业、温暖、以行动为导向。奇虎贷款的语言如同最值得信赖且最博学的顾问。
| Dimension维度 | Tiger Loans IS ✅奇虎贷款是 ✅ | Tiger Loans is NOT ❌奇虎贷款不是 ❌ |
|---|---|---|
| Authority权威性 | Expert advisor专业顾问 | Intimidating bureaucrat令人生畏的官僚 |
| Warmth亲和力 | Trusted family friend值得信赖的家庭朋友 | Casual / unprofessional随意或不专业 |
| Honesty诚实性 | Transparent about timing and costs对时机和费用保持透明 | Sales-at-all-costs不择手段的推销者 |
| Intelligence专业智慧 | Knows the market deeply深入了解市场 | Oversimplifies or talks down过度简化或居高临下 |
| Community社区认同 | Part of the Chinese-American community华裔美国社区的一部分 | Generic mass-market通用大众市场 |
All official Tiger Loans brand assets. Always use the most current versions from this package.
所有奇虎贷款官方品牌资产。请始终使用此套件中的最新版本。
Standards for charts, reports, and financial data visuals used across Tiger Loans materials.Tiger Loans 各类材料中图表、报告及金融数据可视化的规范标准。
Never use more than 3 colors in a single chart. Always pair color with shape/pattern for accessibility.单张图表最多使用3种颜色。颜色必须搭配形状/图案确保可访问性。
Use cream (#F5EDE0) for stat cards. Orange for key metrics, green for positive outcomes. Always include a label.指标卡片使用米色背景。关键数值用橙色,正向结果用绿色。数字下方必须配标签。
A quick-reference prompt guide for AI systems building Tiger Loans UI components.
供 AI 系统构建 Tiger Loans UI 组件的快速参考提示词指南。
Primary Navy: #1A2744 — authority, headings, dark sections Tiger Gold: #F7B331 — warmth, prosperity, signature accent Tiger Amber: #D1750C — secondary accent, hover states Tiger Orange: #E7501C — CTAs ONLY, urgency banners Cream Surface: #F5EDE0 — warm card backgrounds Page Background:#F8F9FC — subtle blue-tinted white Body Text: #3D4B6B — secondary text
"Create a hero section with navy (#1A2744) gradient background. Playfair Display 64px gold (#F7B331) headline with Chinese subtitle in Noto Serif SC. Body text white/muted (#A8B2D8). Tiger Orange (#E7501C) primary CTA button, 8px radius. Navy-outlined secondary button. Tiger mascot image right-aligned. Cream stat row at bottom with 4 key metrics."
"Create stat card with cream background (#F5EDE0), 16px radius, 1px amber border (rgba(209,117,12,0.2)). JetBrains Mono 36px Tiger Orange number. Inter 14px navy label below."
"Full-width section with Tiger Navy (#1A2744) background. Playfair Display 36px Tiger Gold heading. Inter 18px muted light-blue body text (#A8B2D8). Dark surface cards (#243157) with gold borders. Tiger Orange CTA button."
"White card with 4px navy top border. Playfair Display 24px navy title. Inter body. Cream background stat row showing before/after. Tiger Orange 'Every month you wait costs $X' banner at bottom. Equal Housing and NMLS footer in 12px muted text."
"Full-width nav bar, navy background (#1A2744) 72px height. Tiger mascot + white wordmark left. Inter 15px muted blue links center. Tiger Orange CTA button right. Language switcher EN/中 in muted blue."