Fluently Brand Identity

A complete profile of Fluently's visual system — colors, typography, components, and personality — extracted from https://getfluently.app/. Built for designers, agents, and AI tools.

• Page: https://characterquilt.com/branding/fluently
• Machine-readable JSON: https://characterquilt.com/branding/fluently.json
• Per-page llms.txt: https://characterquilt.com/branding/fluently/llms.txt

Quick Facts

Color Palette

• primary: #0000EE
• secondary: #0A84FF
• accent: #4A92FF
• background: #000000
• textPrimary: #000000
• link: #4A92FF

Typography

• primary: Manrope — https://fonts.google.com/specimen/Manrope
• heading: Manrope — https://fonts.google.com/specimen/Manrope

Visual Assets

• Favicon: https://framerusercontent.com/images/r5P23J542563SnfqGUy0YlzZnY.png
• Social card (og:image): https://framerusercontent.com/assets/soc76dEnqWYpWnjbdb1JhKvuUMM.png

UI Components

• input: background=#EFEFEF, textColor=#000000, borderColor=#767676, borderRadius=0px, shadow=none
• buttonPrimary: background=#000000, textColor=#000000, borderRadius=0px, shadow=none
• buttonSecondary: background=#1A1A1A, textColor=#000000, borderRadius=28px, shadow=none

Brand Personality

Tone: modern · Energy: medium · Audience: English learners seeking AI assistance

Fluently Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

• English Fluency Test: How to Assess Your Speaking Level
  • Image: https://framerusercontent.com/images/VCAUhNaVzqBrHRQsmKIfYiTyBGU.jpg?width=5184&height=3456
  • Source: https://getfluently.app/blog/english-fluency-test-how-to-assess-your-speaking-level
• English Verb Tenses: Complete Guide for Non-Native Speakers
  • Image: https://framerusercontent.com/images/K9E6YQI58nuZu2gxJ0Ipr8KMMYI.jpg?width=6000&height=4000
  • Source: https://getfluently.app/blog/english-verb-tenses-complete-guide-for-non-native-speakers
• IELTS Speaking Practice: Best Methods and Tools in 2026
  • Image: https://framerusercontent.com/images/c6A7QgrHqvgaxj6aIBQD84N7yc.jpg?width=5184&height=3456
  • Source: https://getfluently.app/blog/ielts-speaking-practice-best-methods-and-tools-in-2026
• AI Mock Interview: Prepare for Your English Job Interview with AI
  • Image: https://framerusercontent.com/images/PQIebCqdqSDYfbE4cokc6J3hH8.png
  • Source: https://getfluently.app/blog/ai-mock-interview-prepare-for-your-english-job-interview-with-ai
• Most Common English Grammar Mistakes Non-Native Speakers Make (And How to Fix Them)
  • Image: https://framerusercontent.com/images/oXesBqWyzu3e96DbYAsZDjdsK8Y.jpg?width=5184&height=3888
  • Source: https://getfluently.app/blog/most-common-english-grammar-mistakes-non-native-speakers-make-(and-how-to-fix-them)
• How Long Does It Take to Become Fluent in English? (Realistic Timeline)
  • Image: https://framerusercontent.com/images/ElBMZxa7IDeUlqjpGNaRovwxomA.png?width=1240&height=694
  • Source: https://getfluently.app/blog/how-long-does-it-take-to-become-fluent-in-english-(realistic-timeline)

Working with these fonts

Not found on Google Fonts? Instructions for capturing fonts:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font".
3. Hard-reload the page and navigate around.
4. For each captured font URL, right-click → Save As to download.
5. Use CSS to match @font-face declarations locally.