Our Official Colors: Bold, Friendly, and Purposeful
Color is more than decoration—it’s communication. At FanaticalFacts.com, our palette was carefully chosen to reflect the energy of curiosity, the clarity of learning, and the warmth of engagement. Each color plays a specific role in the user experience, helping organize content, guide attention, and bring a playful-yet-professional vibe to every page.
Our Core Palette
🟦 Primary Color — Deep Blue (#517d95)
Our foundational color. It creates a sense of trust, stability, and modern intelligence. You’ll see it in navigation menus, headers, links, and site-wide buttons.
🟧 Accent Color — Bold Orange (#e27c2c)
This punchy orange drives action. It’s used prominently in the Quiz Zone, call-to-action areas, and key badges to spark excitement and engagement.
🟨 Secondary Accent — Highlight Orange (#f89f3c)
A lighter, high-energy complement to our core orange. Used in promotional banners, quiz highlights, and hover states to grab attention without overpowering.
⚪ Supporting Neutrals
🟤 Neutral Sand — #f4ecdf
A warm beige that softens the visual experience. It appears behind fact cards, quiz results, and certificates—keeping the interface easy on the eyes.
🔵 Dark Base — Deep Teal Blue (#2e4e56)
Our contrast color. It provides a strong background for forms, submission areas, and footers, adding richness and depth to specific sections like “Submit a Fact.”
🖌️ Color Integration
Our images consistently integrate brand colors:
- #517d95 as a common background or border color
- #e27c2c and #f89f3c for highlights, icons, or badges
- #f4ecdf and #2e4e56 as background foundations for contrast and warmth
Additional information
Our Font Selections
🟦 Headings (H1–H3): Poppins
- Used for: Main page titles, section headers, quiz category titles
- Look: Bold, rounded, confident—perfect for educational headlines
⚪ Body Text: Open Sans
- Used for: Paragraphs, fact descriptions, quiz content
- Look: Clean and readable, ideal for high-volume text
🟧 Buttons & CTAs: Raleway
- Used for: “Start Quiz,” “Submit Fact,” “Sign In” buttons
- Look: Sleek and modern—makes clickable actions stand out
🔷 Navigation Links: Poppins
- Used for: Top menu items, mobile nav
- Look: Consistent with headings while scaled for clarity
🟤 Subtext / Labels (H6): Poppins
- Used for: Quiz hints, fact labels, secondary headers
- Look: Small, structured, and neat
💡 Signature Light Bulb Icon
– A brain inside a light bulb—our core symbol for curiosity and knowledge
-Always outlined in blue with yellow accents to match brand colors
-Featured in badges, certificates, and quiz banners