funGlotbrandDownload kitZIP 3.3 MB
Brand kit

Every language is another you.

The name, the Voice Ring, colours, type, social artwork and the way funGlot speaks. Every file is generated from the same master artwork as funglot.com, with text converted to outlines, so it looks identical in any app, no fonts needed.

Name

Lowercase f, capital G.

The capital G splits fun | Glot and puts the stress on the polyglot half. Write it the same way everywhere, including at the start of a sentence.

Write

funGlot

One word, lowercase f, capital G, also at the start of a sentence. Domain: funglot.com. Say it “fun-glot”; in audio and video, say the name clearly once.

Funglot only where a system forces sentence case (a legal entity, some store fields).

Don’t write

  • FunGlot
  • FUNGLOT
  • Fun Glot
  • fun-glot
  • funglot
  • Fun-Glot

Never all caps, never two words. In URLs and handles the lowercase funglot is fine.

In Turkish

funGlot’u, funGlot’ta, funGlot’tan

Suffixes take an apostrophe and follow the spoken “-glot”: funGlot’u, funGlot’a, funGlot’ta, funGlot’tan, funGlot’la, funGlot’un. The name ends in a voiceless t, so -ta / -tan, not -da / -dan.

Boilerplate

Copy for articles, listings and partner pages.

One line

13 words

funGlot is a voice-first app for learning several spoken languages side by side.

Short

49 words

funGlot is a voice-first app for learning several spoken languages side by side. The learner sits in the middle of a circle of teachers, AI, people or both, and each teacher speaks only their own language. Sessions are conversations, not drills, and the games are played as a team.

Long

92 words

funGlot is a voice-first app for learning several spoken languages side by side. The learner sits in the middle of a circle of teachers, AI, people or both, and each teacher speaks only their own language, so the languages stay distinct. Sessions are conversations, not drills, and the games are cooperative: the team plays together against the AI. Every AI teacher is labelled as AI. funGlot has a free tier, teachers use it for free, and paid plans are priced against private tutoring. The site is in English and Turkish at funglot.com.

Logos

The learner in the middle, a circle of voices.

The Voice Ring: a cream learner dot with six teachers around it, one colour per voice, one voice per language. It is also the “o” of Glot. Three lockups in four colourways; SVG and PDF are vector, PNGs come 256, 512, 1024, 2048 px wide.

Logo

The Voice Ring tile and the funGlot logotype side by side: the default wherever there is room.

Symbol

The Voice Ring on its own: the learner in the middle, six teachers around them. App icons, avatars, favicons and anything under 140 px wide.

Wordmark

The logotype alone, set in Fraunces 600 with the Voice Ring as the “o” of Glot. For places where the symbol already appears nearby.

Icons

Favicons and app icons.

A complete set for websites and web apps, all from the symbol (no letters in the icon). Put the files at the site root and add the tags below to the page’s <head>.

favicon.svg

favicon.svg

Vector favicon for modern browsers (the source symbol, unchanged).

favicon.ico

favicon.ico

Legacy favicon with 16, 32 and 48 px images, for /favicon.ico.

favicon-16.png

favicon-16.png

16 × 16

16 × 16 browser tab icon.

favicon-32.png

favicon-32.png

32 × 32

32 × 32 browser tab icon (high-density tabs, taskbar).

favicon-48.png

favicon-48.png

48 × 48

48 × 48 icon (Windows site tiles, search results).

apple-touch-icon.png

apple-touch-icon.png

180 × 180

180 × 180 full-bleed icon; iOS rounds the corners itself.

icon-192.png

icon-192.png

192 × 192

192 × 192 web app manifest icon (purpose “any”).

icon-512.png

icon-512.png

512 × 512

512 × 512 web app manifest icon (purpose “any”), also the install splash.

icon-maskable-512.png

icon-maskable-512.png

512 × 512

512 × 512 full-bleed manifest icon (purpose “maskable”): the ring stays inside the 80% safe circle.

webmanifest

site.webmanifest

Web app manifest listing the icons above.

txt

favicon-snippet.txt

The <link> tags for a page’s <head>.

HTML

The tags for the set above (also in the kit as favicon/favicon-snippet.txt).

<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#1B1E3C">
Colours

Night Ink, cream and six voices.

A deep ink-indigo base with a ring of six voices. Because the voices always appear together, no single colour leads. Contrast ratios follow WCAG 2.2 and are truncated, never rounded up. CMYK figures are uncalibrated approximations.

Night Ink and cream

Ink and cream do most of the work. Ink is the brand’s base and the hero mode; cream is the paper, warmer than white.

#1B1E3C

Ink

--ink

Primary. The symbol’s tile, dark surfaces, headings and text on light (16.18:1 on white).

White 16.18:1 AAACream 15.02:1 AAA
HEX
#1B1E3C
RGB
rgb(27, 30, 60)
HSL
hsl(235, 38%, 17%)
CMYK
C55 M50 Y0 K76
CSS
var(--ink)
#262A50

Ink 2

--ink-2

Raised surfaces on ink: cards, panels; the tile of the reversed logo.

White 13.73:1 AAAInk 1.17:1 FailCream 12.74:1 AAA
HEX
#262A50
RGB
rgb(38, 42, 80)
HSL
hsl(234, 36%, 23%)
CMYK
C52 M48 Y0 K69
CSS
var(--ink-2)
#32376A

Ink 3

--ink-3

Highest surfaces on ink: inputs, hover states, code.

White 11.10:1 AAAInk 1.45:1 FailCream 10.31:1 AAA
HEX
#32376A
RGB
rgb(50, 55, 106)
HSL
hsl(235, 36%, 31%)
CMYK
C53 M48 Y0 K58
CSS
var(--ink-3)
#FAF6EF

Cream

--cream

The paper: light background, text on ink and the learner dot. Never pure white.

White 1.07:1 FailInk 15.02:1 AAA
HEX
#FAF6EF
RGB
rgb(250, 246, 239)
HSL
hsl(38, 52%, 96%)
CMYK
C0 M2 Y4 K2
CSS
var(--cream)
#6B6660

Stone

--stone

Secondary text on light (5.68:1 on white).

White 5.68:1 AAInk 2.84:1 FailCream 5.27:1 AA
HEX
#6B6660
RGB
rgb(107, 102, 96)
HSL
hsl(33, 5%, 40%)
CMYK
C0 M5 Y10 K58
CSS
var(--stone)
#14161F

Near-black

--near-black

Body text on light where ink feels too blue.

White 18.03:1 AAAInk 1.11:1 FailCream 16.74:1 AAA
HEX
#14161F
RGB
rgb(20, 22, 31)
HSL
hsl(229, 22%, 10%)
CMYK
C35 M29 Y0 K88
CSS
var(--near-black)

The six voices

One colour per teacher, in ring order from the top, clockwise. They pass on ink (5.73–9.11:1) but not on white (1.78–2.83:1): on light backgrounds they only ever sit inside ink shapes.

#FF6B57

Coral

--coral

Voice 1, at the top of the ring.

White 2.80:1 FailInk 5.77:1 AACream 2.60:1 Fail
HEX
#FF6B57
RGB
rgb(255, 107, 87)
HSL
hsl(7, 100%, 67%)
CMYK
C0 M58 Y66 K0
CSS
var(--coral)
#F5B841

Saffron

--saffron

Voice 2.

White 1.77:1 FailInk 9.10:1 AAACream 1.64:1 Fail
HEX
#F5B841
RGB
rgb(245, 184, 65)
HSL
hsl(40, 90%, 61%)
CMYK
C0 M25 Y73 K4
CSS
var(--saffron)
#2DB59B

Jade

--jade

Voice 3.

White 2.56:1 FailInk 6.31:1 AACream 2.37:1 Fail
HEX
#2DB59B
RGB
rgb(45, 181, 155)
HSL
hsl(169, 60%, 44%)
CMYK
C75 M0 Y14 K29
CSS
var(--jade)
#5B9BFF

Sky

--sky

Voice 4, at the bottom of the ring.

White 2.77:1 FailInk 5.83:1 AACream 2.57:1 Fail
HEX
#5B9BFF
RGB
rgb(91, 155, 255)
HSL
hsl(217, 100%, 68%)
CMYK
C64 M39 Y0 K0
CSS
var(--sky)
#B38BF0

Orchid

--orchid

Voice 5. One of six, never dominant.

White 2.66:1 FailInk 6.06:1 AACream 2.47:1 Fail
HEX
#B38BF0
RGB
rgb(179, 139, 240)
HSL
hsl(264, 77%, 74%)
CMYK
C25 M42 Y0 K6
CSS
var(--orchid)
#F06E9E

Rose

--rose

Voice 6.

White 2.82:1 FailInk 5.72:1 AACream 2.62:1 Fail
HEX
#F06E9E
RGB
rgb(240, 110, 158)
HSL
hsl(338, 81%, 69%)
CMYK
C0 M54 Y34 K6
CSS
var(--rose)

Text on light

Darker versions of three voices for links, labels and calls to action on cream or white. They pass WCAG AA for normal text.

#C9402D

Coral text

--coral-text

Accents and calls to action on light (4.94:1 on white).

White 4.93:1 AAInk 3.27:1 LargeCream 4.58:1 AA
HEX
#C9402D
RGB
rgb(201, 64, 45)
HSL
hsl(7, 63%, 48%)
CMYK
C0 M68 Y78 K21
CSS
var(--coral-text)
#0F7A67

Jade text

--jade-text

Success and confirmations on light (5.25:1 on white).

White 5.25:1 AAInk 3.08:1 LargeCream 4.87:1 AA
HEX
#0F7A67
RGB
rgb(15, 122, 103)
HSL
hsl(169, 78%, 27%)
CMYK
C88 M0 Y16 K52
CSS
var(--jade-text)
#2459C7

Sky text

--sky-text

Links on light (6.31:1 on white).

White 6.30:1 AAInk 2.56:1 FailCream 5.85:1 AA
HEX
#2459C7
RGB
rgb(36, 89, 199)
HSL
hsl(220, 69%, 46%)
CMYK
C82 M55 Y0 K22
CSS
var(--sky-text)

Rules and pitfalls

funGlot launches in the US and Turkey, then Mexico. Colours carry meanings there that a palette can step on by accident.

Orchid stays one of six

Purple is the colour of mourning and Día de Muertos in Mexico. Orchid is one voice in the ring, never a dominant colour or a background.

No Turkish club pairs

Avoid two-colour combinations that read as football clubs: red + yellow (Galatasaray), yellow + navy (Fenerbahçe), black + white alone (Beşiktaş), claret + blue (Trabzonspor). Saffron next to ink alone is yellow + navy: keep the other voices with it.

No party-led layouts in Mexico

Avoid layouts led by maroon (Morena), bright blue (PAN) or orange (Movimiento Ciudadano). The six voices always appear together, so no single one leads.

Never colour alone

In product UI, never tell teachers apart by colour alone: pair the colour with a label (the teacher’s name and language). The six voices are close in luminance.

Voices on light: inside ink

On cream or white, the voice colours only ever sit inside ink shapes (the tile, a disc, a pill). For text on light, use Coral text, Jade text or Sky text.

Tints

Translucent versions for hairlines and soft washes.

--line-on-inkrgba(250, 246, 239, 0.10)
--line-strong-on-inkrgba(250, 246, 239, 0.18)
--wash-on-inkrgba(250, 246, 239, 0.06)
--line-on-creamrgba(27, 30, 60, 0.10)
--line-strong-on-creamrgba(27, 30, 60, 0.20)
--wash-on-creamrgba(27, 30, 60, 0.05)

Tokens

The CSS custom properties, ready to paste, and palette files for design tools.

:root {
  --ink: #1B1E3C;
  --ink-2: #262A50;
  --ink-3: #32376A;
  --cream: #FAF6EF;
  --stone: #6B6660;
  --near-black: #14161F;
  --coral: #FF6B57;
  --saffron: #F5B841;
  --jade: #2DB59B;
  --sky: #5B9BFF;
  --orchid: #B38BF0;
  --rose: #F06E9E;
  --coral-text: #C9402D;
  --jade-text: #0F7A67;
  --sky-text: #2459C7;
  --line-on-ink: rgba(250, 246, 239, 0.10);
  --line-strong-on-ink: rgba(250, 246, 239, 0.18);
  --wash-on-ink: rgba(250, 246, 239, 0.06);
  --line-on-cream: rgba(27, 30, 60, 0.10);
  --line-strong-on-cream: rgba(27, 30, 60, 0.20);
  --wash-on-cream: rgba(27, 30, 60, 0.05);
}

funglot-colors.css

CSS custom properties for every brand colour and tint.

funglot-colors.json

Design tokens (HEX, RGB, HSL, CMYK, contrast) for code and plugins.

funglot.ase

Adobe Swatch Exchange for Illustrator, Photoshop, InDesign and Affinity.

funglot.gpl

GIMP / Inkscape / Krita palette.

Typography

Fraunces and Onest, both open.

A warm display serif over a plain, friendly sans. Both are free under the SIL Open Font License 1.1, and both cover every Turkish letter and the lira sign ₺. On the web, serve them from the Fontsource packages.

Aa ĞğEvery language is another you.Her dil, bir sen daha.500600ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 &@$€₺%?!Ç ç Ğ ğ İ i I ı Ö ö Ş ş Ü ü â î û ₺

Fraunces

Role
Display: headlines, taglines and the logotype
Weights
Variable (opsz 9–144, wght 100–900); static 500 and 600
In use
Semibold 600 for headlines and the logotype, Medium 500 for large quotes; optical size high (automatic at display sizes)
font-family: 'Fraunces Variable', 'Fraunces', Georgia, serif;
font-optical-sizing: auto;
:lang(tr) { font-variant-ligatures: no-common-ligatures; }
Aa ĞğTalk first. The rest follows.Önce konuş, gerisi gelir.400500600ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 &@$€₺%?!Ç ç Ğ ğ İ i I ı Ö ö Ş ş Ü ü â î û ₺

Onest

Role
Interface and body text
Weights
Variable, 100–900
In use
Regular 400 for text, Medium 500 for labels, Semibold 600 for buttons and small headings
font-family: 'Onest Variable', 'Onest', system-ui, sans-serif;

Turkish

Fraunces has an f-i ligature and no Turkish localised forms, so Turkish text needs lang="tr" (which also gives the right İ when text is uppercased) and common ligatures off. Onest has Turkish forms and no f-i ligature.

Pijamalı hasta yağız şoföre çabucak güvendi.

Pijamalı hasta yağız şoföre çabucak güvendi.

Örnek fiyat: 1.250,00 ₺ · İzmir, Iğdır, Şişli · giriş yap · iletişim

<html lang="tr">
:lang(tr) { font-variant-ligatures: no-common-ligatures; }
Social media kit

Ready for every feed.

The common profile, cover and post sizes, with the master line in Fraunces and the Voice Ring. Dashed outlines show each platform’s safe area; the files themselves have no guides. Each comes as PNG and as SVG (text in outlines) to adapt.

Profile pictures

The Voice Ring on ink, or the symbol tile on cream, sized for every network’s circle crop.

Banners and covers

Logo and master line inside each platform’s safe area (dashed on the previews; the files have no guides).

Post templates

The master line in Fraunces with a large Voice Ring, on ink, cream and the Voice Ring ripple background.

Email and slides

A signature logo for mail clients and a title slide background.

Email logos

PNG logos for funGlot’s emails (mail clients don’t show SVG), rendered at 3x from the same artwork.

logo.png

logo.png

654 × 192

Email header logo for light backgrounds (654 × 192, shown at 218 × 64).

logo-light.png

logo-light.png

654 × 192

Email header logo for dark headers (654 × 192, shown at 218 × 64).

mark.png

mark.png

192 × 192

Email footer symbol with a faint outline that also shows in dark mode (192 × 192, shown at 64 × 64).

Usage

Give it room, keep the ring in order.

A few rules keep the logo recognisable wherever it appears. When in doubt, use the primary logo on cream or the reversed logo on ink.

The logo with a dashed clear-space boundary the height of the ring o away on every side

Clear space

Keep free space of x on every side, where x is the height of the ring “o” in the logotype. For the symbol alone, x is a quarter of the tile.

Logo at 140 px
Logo
140 px · 35 mm
Symbol at 16 px
Symbol
16 px · 6 mm

Minimum sizes

Below 140 px wide (or 24 px tall), the ring “o” fills in: use the symbol alone, not the logotype. Shown at the real minimum.

  1. 1. Coral
  2. 2. Saffron
  3. 3. Jade
  4. 4. Sky
  5. 5. Orchid
  6. 6. Rose

Voice order

Never recolour the voice dots or change their order: coral at the top, then clockwise saffron, jade, sky, orchid, rose.

Do

✓ Primary on cream, white or light photos.
✓ Reversed on ink and other dark backgrounds.
✓ White one-colour on photos and strong colours.
✓ Black one-colour for single-ink print.

Don’t

Each example below uses the real files, misused on purpose.

✕ Change the order of the voices.
✕ Recolour the tile, the voices or the logotype.
✕ Put the voice dots on a light background without the ink tile.
✕ Stretch, squash or change the proportions.
✕ Use the primary logo on dark backgrounds.
✕ Place it on busy patterns or photos without enough contrast.
✕ Rotate, skew or set it on a path.
✕ Add shadows, glows, outlines or other effects.
✕ Rearrange the symbol and the logotype.
✕ Retype the logotype or replace the ring “o” with a plain o.
Voice and writing

Warm company, never a guilt trip.

The voice stays the same everywhere; the tone moves with the moment. Wit goes to zero in errors, billing and privacy, stays light in onboarding, and turns up in games and social posts.

Warm, not saccharine.

A favourite teacher, not a cheerleader. Verbs of welcome and company: join, sit with, pick up where you left off.

Playful, not silly.

The wit is about language itself: cognates, mix-ups, wordplay. Never at the learner’s expense, and none in errors or billing.

Confident, not boastful.

Say what it does (“Four teachers. One conversation.”), never “revolutionary”, “the best” or “learn faster”.

Worldly, not touristy.

Each language gets its real culture, not flags and sombreros. Write so a non-native reader understands on the first read.

Taglines

The Turkish lines are written as Turkish, not translated. The master line leads; the others have their places.

UseEnglishTürkçeEspañol (MX)
Master lineEvery language is another you.Her dil, bir sen daha.Cada idioma es otro tú.
Method, voice-firstTalk first. The rest follows.Önce konuş, gerisi gelir.Primero habla. Lo demás llega solo.
Campaign, store subtitlePolyglot, playfully.Oynaya oynaya poliglot.Políglota, jugando.
Pricing pageThe private tutor, multiplied.Özel ders, çarpı dört.—
CircleA teacher for every language you love.Sevdiğin her dil için bir öğretmen.—
StanceNo guilt trips. Just good conversations.——

Writing rules

One exclamation mark, at most

Per screen, and only for a real celebration (a game won, a first full conversation). Never in errors, billing or reminders.

No emoji in the product

None in UI, errors, billing or email subject lines. Sparingly in social posts and in-game reactions.

Languages have names, not flags

Never a flag emoji or flag icon for a language: Spanish is spoken far beyond Spain, English far beyond Britain. Write the language name.

Guilt-free reminders

Reminders are invitations from a named teacher. Count what was done (“3 hours of Italian this month”), never what was lost. No streak shame; after two ignored nudges, offer to remind less.

Every AI teacher is labelled

“Lucía · AI teacher”, in the UI and in voice. An AI listens, replies and corrects; never say it “understands” or “feels”, or that it is your friend.

Honest claims only

No “learn faster”, “fluent in X days”, “3x” or brain-boost claims: the research does not support them. Talk about the method: one teacher, one language.

Turkish: sen, with polish

Address the reader as sen, in careful, slang-free Turkish; never mix sen and siz on one surface. Öğretmen, not hoca; yapay zekâ with the circumflex; uppercase with the Turkish locale (GİRİŞ YAP).

Mexican Spanish: tú

Tú everywhere, neutral Latin American Spanish with Mexican vocabulary (platicar, celular, maestro/maestra). No vosotros, vale or heavy slang.

Microcopy

Examples written to the rules: errors say what happened, what is safe and what to do, with no jokes and no exclamation marks.

WhereEnglishTürkçe (sen)
Signup buttonStart talking, freeÜcretsiz konuşmaya başla
Empty circleYour circle is empty. Pick a language, and someone will say hello in it.Çemberin henüz boş. Bir dil seç, o dilde biri sana merhaba desin.
ReminderLucía has a question for you, in Spanish. Five minutes?Lucía’nın sana İspanyolca bir sorusu var. Beş dakikan var mı?
After a breakWelcome back. Your teachers kept your place.Tekrar hoş geldin. Öğretmenlerin kaldığın yeri unutmadı.
Too many nudgesToo many nudges? We can remind you less, or not at all.Hatırlatmalar fazla mı geldi? Daha seyrek hatırlatabiliriz ya da hiç hatırlatmayız.
Microphone errorWe can’t hear you. Check that funGlot can use your microphone, then try again.Sesini duyamıyoruz. funGlot’un mikrofonunu kullanabildiğinden emin ol, sonra tekrar dene.
Our faultSorry, that’s on us. We’re fixing it. Try again in a minute.Kusur bizde, özür dileriz. Düzeltiyoruz; bir dakika sonra tekrar dene.
AI labelLucía · AI teacherLucía · Yapay zekâ öğretmen
Game wonYou did it, together. ¡Bravo!Başardınız, hem de birlikte. Bravo!

What we stand on

  1. Your circle. A personal circle of named teachers around you: faces, voices, a welcome session. Premium shown as attention.
  2. One voice, one language. Each teacher speaks only their own language, so your languages stay distinct.
  3. Talk first. Live conversation from the first minute; progress counted in conversations held, not taps.
  4. Play together. Cooperative games, the team against the AI. Laughter instead of leaderboards.
  5. Worth the hour. Several languages in one session, priced against private tutoring, in round numbers, never discounted.

Words we don’t use

  • learn faster
  • fluent in 30 days
  • smarter brain
  • real (as in “real progress”)
  • AI-powered (as a headline)
  • AI tutors
  • native speaker (as a quality claim)
  • revolutionary
  • from day one
  • streak lost
Press

Writing about us?

For interviews, product information, screenshots or anything not in this kit, email press@funglot.com.

The funGlot name and logo are trademarks of funGlot. Use them to refer to funGlot and its products, not in a way that suggests partnership or endorsement. The kit holds 157 files; Fraunces and Onest are © their authors under the SIL Open Font License.