Marka rehberi

Turleno brand guide

How Turleno looks and speaks, and where an agency's logo sits inside it. Every specimen on this page is rendered with the real marks, colours and type, so it can be checked against the rules next to it. The identity comes from Marka Kimliği v1.0; v2.1 revises the product layer (neutrals, buttons, type, status) and keeps the logo and the five brand colours.

v2.1 · 1 Ekim 2026 Identity v2.1 · Marka Kimliği v1.0
B2B seyahat platformu
1 · Brand story and positioning

Business travel, handled by AI.

That is the idea we own. An employee says where they need to be. Turleno arranges the trip inside the company's policy, takes the approval and puts the ticket in their pocket. The travel agency stays with them at every step; its logo and name lead the app.

Tek cümle (TR)

Turleno: iş seyahatinizi yapay zekâ halleder. Nereye, ne zaman gitmeniz gerektiğini söyleyin, gerisini Turleno yapsın: şirket politikanıza uygun uçuş, otel ve araç hazır, onay alınmış, bilet cebinizde. Seyahat acenteniz de her adımda yanınızda.

One-liner (EN)

Turleno: business travel, handled by AI. Say where you need to be and when; Turleno does the rest: flights, hotel and car inside your company's policy, approval taken, ticket in your pocket. Your travel agency stays with you at every step.

Çalışan · Employee

Söyleyin, gerisini Turleno yapsın.

Tell it where you need to be. It's handled.

Acente · Agency

Aynı ekiple daha çok müşteri.

More clients, same team. Turleno's AI does the bookings; the agency keeps price negotiation and the personal relationship. Its logo and name on the app, its margin, its client.

Finans ve yönetici · Finance and manager

Her seyahat, var olmadan önce politika, bütçe ve onaydan geçer.

Every trip fits policy, budget and approval before it exists.

Now

Text Turleno on web chat or WhatsApp. Get policy-checked options. One-tap approval. Booked. Agency notified, balance updated.

Next (roadmap, always labelled as such)

Turleno reads the trigger (a calendar invite, an email, the company's own AI) and proposes the full trip before anyone asks.

Tagline, category label and naming

İş seyahatinizi yapay zekâ halleder.

Business travel, handled by AI.

The tagline. Turkish first, English as a rewrite. It may sit near the wordmark in marketing layouts but is not part of the logo and is never locked under it.

B2B seyahat platformu

B2B travel platform

The category label. A descriptor, not a tagline. It names what Turleno is on covers, cards and social images, set small in uppercase. It is never locked under the logo and never replaces the tagline.

Powered by Turleno

Never translated, in either language.

The credit line. A trademark credit and not a sentence, so it reads "Powered by Turleno" in the Turkish interface too (section 4).

What we may claim

  • Web chat and WhatsApp assistant
  • Flights via THY, Pegasus, AJet (NDC) and Travelport
  • Hotels via an integrated supplier plus agency offline inventory with approval
  • Car rental (Enterprise Türkiye); transfer and visa requests priced by the agency
  • Destination-scoped policy rules with soft and hard severity
  • Prepaid, credit and hybrid company models; TRY ledger
  • Magic-link login; Postgres row-level tenant isolation
  • Core application infrastructure hosted in the EU (Frankfurt); e-tickets and vouchers; TR/EN interface

What we never claim

  • A mobile or native app
  • SSO, Google or Microsoft login
  • Multi-currency billing or percentage markups
  • Multi-step approval chains
  • Tamper-proof audit or complete GDPR erasure
  • Agency-coloured or white-label themes: every agency sees the Turleno design language, and an agency supplies only its logo and name
  • Slack, other suppliers, a platform-owner console
  • "Powered by Claude" or "Powered by ChatGPT". The assistant is Turleno.

The "coming" list is allowed and short: mobile app, SSO, expense-system sync, proactive trip planning. Never use the words "coming soon" on the site.

3 · App icon

A ring, taken from the o.

Halka + merkez nokta. "o" harfinden türetilmiştir; tek başına çalışır (uygulama ikonu, WhatsApp profili, favicon).

A ring with an open centre, derived from the "o" of the wordmark. It works on its own: as the app icon, the WhatsApp profile picture and the favicon. It is a separate mark from the wordmark and is never set beside it.

Four variants · dört versiyon

Ana Varış Mavisi tile, white ring. The default app icon and favicon.
Koyu Gece Lacivert tile, white ring. For dark interfaces and dark-mode icons.
Açık White tile, Varış Mavisi ring, a #DDE2EA hairline keeps its edge on white.
Yuvarlak Varış Mavisi circle, white ring. WhatsApp and social profile pictures.

Proportions

22 % 10 % 20 %

The numbers

Corner radius22 % of the side
Ring thickness≈ 10 % of the width
Centre, across≈ 20 % of the width
Ring, outer radius20.02 % of the side
Ring, inner radius10.19 % of the side
Minimum size16 px

"Minimum: 16 px. Halka kalınlığı ikon genişliğinin ~%10'u, merkez nokta çapı ~%20'si. Bu oranlar korunur."

Keep these proportions. Never redraw the ring: export it from the kit.

Small-size test · küçük boyut

96
64
48
32
16

The ring and its open centre stay distinct down to 16 px, which is the minimum. Below that, do not use the icon.

Rules

  • Never beside the wordmark. The icon and the wordmark are two separate marks. Do not lock them up, do not set them next to each other.
  • The icon keeps its own ground. It is not placed on a busy image and not recoloured; the ring is white on a tile, or Varış Mavisi on the Açık tile.
  • No gradient, shadow, glow or 3D on the icon. Platforms that add their own corner mask get the maskable file.
  • Agencies may not use it as their own app icon, avatar or favicon (section 4).

The cover of this guide follows the PDF's cover: the wordmark at the top, the icon alone in the far corner.

Uses

Turleno

App icon. The Ana variant on a home screen or app listing. The maskable file is full-bleed so any platform mask keeps the ring whole.

WhatsApp profile. The Yuvarlak variant on Turleno's own number. Agency-owned numbers show the agency's logo instead.

Turleno

Favicon. The Ana variant at 16 and 32 px in the browser tab, as SVG and ICO.

4 · Agencies using our mark

One language for every agency. The agency's logo leads the shell.

Agencies sell Turleno to their clients under their own name. Inside the app every agency sees the same Turleno design language: the same colours, type and components. The agency supplies only its logo and name, and Turleno signs at the foot. These rules keep the credit honest and keep the mark intact wherever an agency puts it.

What an agency supplies

"Her acente aynı Turleno tasarım dilini görür; acente yalnızca logosunu ve adını getirir."

  • A logo and a name, nothing else. They sit in the logo slot at the top left of the app shell, shown as supplied on a white ground, at most 32 px tall. The name sits beside the logo in 14 px Inter Medium.
  • Agency colours never enter the UI. No agency-coloured buttons, navigation, links, charts or loading screens. The logo slot is the only place an agency's colours appear.
  • Turleno signs at the foot. "Powered by Turleno" sits at the foot of the sidebar, on the app-loading screen and in the chat footer.

One look for every agency also means one set of statuses, one set of buttons and one set of screenshots for support and sales.

In the app shell

The agency's colours appear only in the logo slot (top left). Everything else is Turleno's: cool grey canvas, white cards, one status pill, the lockup at the sidebar foot.

The product lockup

In the app the lockup is built live: the label "Powered by" in 13 px Inter Medium in muted-foreground (#4A5A73), an 8 px gap, then the wordmark on a shared baseline. In the product the wordmark is rendered 16 px tall, which makes it 73 px wide and keeps it over the 72 px wordmark minimum; the whole lockup is about 150 px wide, the lockup minimum. The label is always English, never translated.

The pre-built kit files (section 12) are outlined art with a Poppins Medium label. Use them in documents, emails, vouchers and video; build the live lockup only inside the app.

Which brand leads

In the app, the agency's logo and name lead the shell, and the Turleno design language fills the rest. Turleno appears as the "Powered by Turleno" credit at the foot.

In documents the agency sends (notification emails, vouchers, itineraries, WhatsApp) the agency's own brand leads and Turleno appears only in the footer credit.

Turleno leads only in Turleno's own sales material: the website, decks, case studies, trade-fair stands. There the agency appears as a partner, written as "Gezi Tur ile birlikte", after the Turleno mark and never merged with it.

Sizing in documents and emails

Beside an agency logo, the pre-built "Powered by Turleno" lockup is at most 60 % of the agency logo's height, and never below the lockup minimum (150 px wide on screen). If the agency logo is so small that 60 % would fall below the minimum, scale the agency logo up. Never scale Turleno below its minimum to make it fit.

The 60 % rule replaces any matching of x-heights or cap heights. Measure the agency logo's full height and the Turleno lockup's full height, nothing else. Inside the app the logo slot (at most 32 px) and the 16 px wordmark are fixed, so no ratio is needed.

Colour clashes

  • Inside the app there is none to solve. The logo slot is white, and the Turleno interface around it never takes the agency's colours.
  • Full colour (navy letters, Varış Mavisi "o") on Krem, Beyaz or navy grounds; the reverse lockup on dark grounds.
  • One-colour lockup (navy or white) when the agency's document ground is any other colour, or when the agency's primary colour is a blue close to Varış Mavisi.
  • Never recolour the mark into the agency's colours, not even to "match the footer".

Do and don't · documents and emails

✓

Do: the agency logo leads. Agency at the left and larger, a 1 px divider, then the pre-built lockup at no more than 60 % of the agency logo's height.

✕

Don't: Turleno larger than the agency. The bare wordmark, bigger than the agency logo, reads as if Turleno were the seller.

✕
Onayla Kurumsal fiyat

Don't: agency colours in the UI. No agency-coloured buttons, chips, navigation, links or charts. The agency's colours live in its logo, and nowhere else.

Where the credit may appear

May appear

  • Foot of the app sidebar
  • App-loading screen
  • Chat widget footer
  • Notification-email footer
  • Voucher and itinerary footer
  • Last frame of a video

May not appear

  • Top bar or logo slot (the agency's place)
  • App icon or favicon
  • WhatsApp avatar or display name
  • Agency business cards
  • Signage
  • Invoices
  • Next to prices or payment steps

What agencies may not do

  • Alter, animate, translate or crop the mark or the lockup.
  • Theme the app with their own colours, or ask for agency-coloured buttons, navigation, links or charts.
  • Use the Turleno ring icon as their own app icon, avatar or favicon.
  • Put "Turleno" in a product name, domain, social handle or ad keyword.
  • Suggest that Turleno sells the trip, sets the price or is the travel agency. In Türkiye only a TÜRSAB-licensed agency may sell travel; Turleno is software, not a licensed agency, so wording that makes it look like the seller misleads the traveller and puts the agency's own licence at risk.
  • Keep using the mark more than 30 days after the contract ends.

Requests and files

Agencies receive the lockups pre-built, in both colourways, in the agency co-brand pack (section 12), and supply their logo and name for the app's logo slot. They never build their own lockup. Any placement not listed above goes to brand@turleno.com before it is produced. We reply within 5 working days.

5 · Colour

One surface, one language.

Cool neutrals carry every page: the app, the login, the marketing site, the legal pages and this guide, so greys, white and blue never fight a warm cream. Gece Lacivert is the brand's dark, in the navy regions. Krem stays one of the five brand colours (palette, logo kit, print, social cards, email accents) but is no longer a page ground. Varış Mavisi is a colour for dark grounds: on light grounds the action blue is its ink shade. The five brand colours come from Marka Kimliği v1.0, page 4; the product layer is v2.1.

Core palette · renk

Gece Lacivert#0B1F3ARGB 11 · 31 · 58Ana · Primary. Wordmark, all text, the one dark region per view.
Varış Mavisi#598CFFRGB 89 · 140 · 255Vurgu · Accent. The "o", the icon ground, and the accent and button on navy.
Derin Mavi#1B3A6BRGB 27 · 58 · 107İkincil · Secondary. Headings here; the raised layer inside navy.
Krem#F4EFE6RGB 244 · 239 · 230Zemin · Brand colour for print, social cards, logo-kit specimens and email accents. Not a page ground: the web uses the cool canvas #F7F8FA.
Beyaz#FFFFFFRGB 255 · 255 · 255Cards and surfaces, and the reverse wordmark on dark grounds. Counts as Krem in the brand ratio.

Print values: TBD. CMYK and Pantone references are not set yet. They will be confirmed from a printed drawdown on the real stock; approve from a printed sample, never from a screen. The hex and RGB values above are the PDF's.

Navy brand region

Söyleyin, gerisini Turleno yapsın.
Demo talep et

Where: the one navy region of a view: the login's brand panel, the marketing site's agency panel, the cover of this guide. It sits on the cool canvas like everything else. Ground: Gece Lacivert, white text. Accent: Varış Mavisi. Button: Varış Mavisi fill with a navy label.

Product surface

Açık zemin · kart
Oda seçin
OnaylanıyorKurumsal fiyatKahvaltı dahil
DevamGeriOda ayrıntıları

Where: everything inside the app. Ground: background #F7F8FA, card #FFFFFF, muted #EEF1F5, all cool and navy-tinted. Action: #2A5BC8 with a white label. Never mix warm and cool neutrals on one screen.

Which blue, where

SituationColourWhy
The main action on a light groundAction blue #2A5BC8 with a white labelWhite on it is 6.1:1; hover #234FB0 7.5:1, pressed #1E4499 9.0:1. Varış Mavisi would only be 3.2:1.
Link, link-button, interactive icon, selected tabAction blue #2A5BC8 (ink), underlined in running text6.1:1 on white, 5.4:1 on Krem.
Selected row, the one highlight chip, info bannerSoft blue #E8EEFB with navy or action-blue textSays "selected" without shouting. Navy text 14.2:1, action blue 5.3:1.
Checked box, switch, slider, progress, active nav iconAction blue #2A5BC8A graphic at 6.1:1 on white.
Logo "o" and the app icon on a light groundVarış Mavisi #598CFFBrand marks only.
Inside the one navy regionVarış Mavisi as the accent word, icon and button fill, with a navy label5.2:1 on navy. Hover #73A0FF, navy label 6.5:1.

Varış Mavisi is a colour for dark grounds. On white or Krem it falls to 2.8 to 3.2:1, which fails for text and is borderline for graphics, so on light grounds it appears only in the logo "o" and the app icon. Inside the one navy region it is the accent and the button. Never use the action blue on navy (2.7:1).

Usage ratio · oran

Brand pieces: print, social cards, email

Krem / Beyaz 60 Lacivert 30 10

Every web page (app, login, site, legal, guide)

Grounds 85 10 5

"Oran: marka yüzeylerinde ~%60 krem/beyaz, ~%30 lacivert, ~%10 mavi; üründe ~%85 zemin, ~%10 metin, en çok %5 mavi." On brand pieces (print, social cards, email) roughly 60 % cream and white, 30 % navy (Derin Mavi counts with it), 10 % Varış Mavisi. On every web page, the product included, about 85 % grounds (background and card), 10 % text and lines, and at most 5 % blue. If the blue covers much more than that, the screen has stopped being calm.

  • One primary button per view; everything else is secondary, outline, ghost or link.
  • One navy region at most per view (login brand panel, the Home hero, tooltips, toasts, the user's chat bubble).
  • One highlight chip per card at most; three status tones visible at once at most.

What the contrast means in practice

Onayla Geri A link in action blue Focus
  • On a light ground a button is action blue with a white label (6.1:1), 8 px radius, one per view. White text on Varış Mavisi is 3.2:1, so it is for text of 24 px or larger (or bold 18.66 px or larger) and for graphics only.
  • Varış Mavisi is never text on Krem or Beyaz (2.8:1 and 3.2:1), and never a button fill on a light ground. Links and inline accent text on light grounds are action blue #2A5BC8, underlined (5.4:1 on Krem, 6.1:1 on Beyaz). Derin Mavi is 9.8:1 but only 1.5:1 against navy body text, so a Derin Mavi link would look like plain text; it stays for headings and dark cards.
  • On navy, white text is the default and Varış Mavisi text is fine (5.2:1). The button there is Varış Mavisi with a navy label (5.2:1). On Derin Mavi the accent falls to 3.5:1: large text and graphics only.
  • Focus: buttons, links, chips, tabs and nav items show a 2 px navy ring with a 2 px offset (white on navy; the browser draws it for the keyboard only). Text fields turn their border action blue #2A5BC8 (6.1:1 on white) with a soft 3 px ring, because a text field matches :focus-visible on a mouse click too and an offset frame on every click is heavy. Varış Mavisi alone is under 3:1 on light grounds.

Product tokens · derived for UI, not brand colours

App canvas
background#F7F8FABehind cards, filter rails and page headers. Navy text 15.5:1.
Card
card#FFFFFFCards, top bar, sidebar, inputs, menus, dialogs. Navy text 16.5:1.
Inset or quiet
muted#EEF1F5Table header, segmented track, neutral chip, secondary button, selected nav item. Navy text 14.6:1.
Hairlines
border · border-strong#E2E6EC · #CBD2DCCard edges, dividers, outline-button border. Decorative; never text, never the only signal of a boundary.
Field border
input#8590A3Boundary of inputs, selects, checkboxes: 3.2:1 on white (WCAG 1.4.11).
Secondary text
muted-foreground#4A5A737.0:1 on card, 6.6:1 on background, 6.2:1 on muted. Meta lines, captions, eyebrows, placeholders. There is no third grey for text.
Primary button
primary#2A5BC8White label 6.1:1. Hover #234FB0, pressed #1E4499. Also graphics: checked box, progress, active nav icon.
Soft blue
primary-soft#E8EEFBSelected row, the one highlight chip, info banner, action chips in chat. Navy text 14.2:1, action blue 5.3:1.
Disabled
disabled-foreground#8A94A6Label of a disabled control on muted, never readable text. Disabled is flat muted, never a faded blue.
Panel secondary text
dark-muted#B8C4DC9.4:1 on navy, 6.4:1 on Derin Mavi. Secondary text on dark grounds.

These tokens live in tokens.json (section 14) and are derived from the brand colours for interface use. They are not part of the identity: do not use them in a logo, an icon or a print identity piece. This guide's own Krem page keeps its warm hairline #E4DDD0, a brand-surface line; the product never uses it. Every ratio on this page is computed with the WCAG 2.2 formula.

WCAG 2.2 contrast, real pairings

PairSpecimenRatioNormal text (4.5:1)Large text and UI (3:1)Rule
Gece Lacivert on KremBilet cebinizde14.4AAAAAABody text on Krem (print, social cards, email).
Gece Lacivert on BeyazBilet cebinizde16.5AAAAAAText on cards. 15.5:1 on the #F7F8FA canvas, 14.6:1 on muted.
Navy 70 on Beyaz12 dakika önce7.0AAAAAASecondary text. 6.6:1 on the canvas, 6.2:1 on muted, 6.1:1 on Krem.
Beyaz on action blueOnayla6.1AAAAThe primary button label. 7.5:1 on hover, 9.0:1 pressed.
Action blue on BeyazDemo talep et6.1AAAALinks and interactive icons, underlined in running text. 5.4:1 on Krem.
Field border on Beyazsiz@ornek.com3.2n/aAAThe text-field border, on white fields (3.0:1 on the #F7F8FA canvas). On focus it turns action blue, 6.1:1.
Gece Lacivert on Varış MavisiDemo talep et5.2AAAAThe button label inside the navy region, and small text on a Varış Mavisi panel.
Beyaz on Gece LacivertOnaya gönderildi16.5AAAAAADefault text on dark grounds and user chat bubbles.
Varış Mavisi on Gece Lacivertturleno.com5.2AAAAAccent words, links and icons inside the navy region.
Derin Mavi on KremBakiye özeti9.8AAAAAAHeadings on brand surfaces. 11.3:1 on Beyaz.
Beyaz on Derin MaviBakiye11.3AAAAAARaised cards inside navy.

Status colours · one pill, one set of tones

Success#2A6F47 · soft #E3F1E8Confirmed, In policy, Ticketed.
Warning#8A5A0A · ink #6E4A08 · soft #FBEFD6Pending, Needs approval, Awaiting agency review.
Destructive#A8323B · ink #8A2A2A · soft #F7E1E1Cancelled, Out of policy, Payment failed.
In progress#2A5BC8 on #E8EEFBConfirming, Searching.
Neutral#0B1F3A on #EEF1F5Draft, Expired.

Inks on their soft grounds: success 5.2:1, warning ink 7.0:1, destructive ink 6.9:1. The tones are muted on purpose, so the action blue stays the only bright colour on a screen. Every status carries a word as well as a colour; green and red also differ in lightness, so the pills survive colour blindness. Red is only for failure and irreversible actions, never for prices, discounts or emphasis. Amber means someone has to act; if nobody does, it is not amber.

Fails, never use

PairSpecimenRatio
Varış Mavisi text on whitenever3.2
Varış Mavisi text on Kremnever2.8
White on Varış Mavisi at small sizesOnayla3.2
Action blue on navynever2.7
Navy 70 on navynever2.4
Varış Mavisi on Derin Mavi, smallBerlin3.5

The two Varış Mavisi pairs at 3.2 and 3.5:1 pass only as text of 24 px or larger (bold 18.66 px or larger) and as graphics such as the icon ring. Floors for everything else: text 4.5:1; control borders, focus rings and meaningful icons 3:1.

Light and dark grounds

RoleBrand pieces: print, social, emailEvery web page (light)The navy region
Page groundKrem (never a web page ground)#F7F8FA canvas, in the app, login, site, legal pages and this guideGece Lacivert
CardBeyaz, warm hairline (print and email only)Beyaz, 1 px #E2E6EC border, no shadowDerin Mavi, 14 % white hairline
TextGece LacivertGece LacivertBeyaz (16.5:1)
Secondary textNavy 70 (6.1:1)Navy 70 #4A5A73 (6.6:1)#B8C4DC (9.4:1 on navy)
Links and accentsAction blue #2A5BC8, underlinedAction blue #2A5BC8, underlined in running textVarış Mavisi (5.2:1 on navy only)
ButtonAction blue, white labelAction blue, white labelVarış Mavisi fill, navy label
Focus2 px navy ring, 2 px offset (text fields: action-blue border + soft ring)2 px navy ring, 2 px offset (text fields: action-blue border + soft ring)2 px white ring
WordmarkPrimaryPrimaryReverse

The button changes with the ground: action blue with a white label on light grounds, Varış Mavisi with a navy label on navy. Never put action blue on navy, and never Varış Mavisi as a fill on a light ground.

6 · Typography

Poppins for titles, Inter for the interface.

Poppins 600 sets page and step titles, because it echoes the wordmark. Inter sets every other piece of interface text, with tabular figures for prices, dates and times. IBM Plex Mono is the only other face, and only for machine codes. All three cover Turkish fully.

Scale · 12 / 13 / 14 / 16 / 18 / 22 / 28 / 36

display-3xl · 36 / 42
Poppins 600, −0.02 em
İş seyahatinizi yapay zekâ halleder.
display-2xl · 28 / 34
Poppins 600, −0.02 em
İzmir'de oteller
display-xl · 22 / 28
Poppins 600, −0.01 em
Kim seyahat ediyor?
title-lg · 18 / 26
Inter 600, −0.01 em
Kaya Prestige Hotel
title-md · 16 / 24
Inter 600
Yaklaşan seyahatler
body-md · 16 / 24
Inter 400
Politikanıza uygun iki uçuş ve bir otel hazırladım. Onaya gönderdiğimde yöneticinize bildirim gider; onaylandığında biletiniz buraya gelir.
body · 14 / 20
Inter 400
Kahvaltı dahil · 29 Eylül'e kadar ücretsiz iptal · Şirket bakiyesinden ödenir.
body-strong · 14 / 20
Inter 500
Sırala · Gidiş tarihi · Onayla
label · 13 / 18
Inter 500
Onay gerekirKurumsal fiyatKahvaltı dahil
caption · 12 / 16
Inter 400
gecelik · vergiler dahil
eyebrow · 12 / 16
Inter 600, caps, +0.06 em
Gecelik fiyat
price-lg · 22 / 28
Inter 600, tabular
₺4.620,00
price · 14 / 20
Inter 600, tabular
₺6.000,00
code · 13 / 18
IBM Plex Mono 500
PNR 7KXQ2M · U9988776

The floor is 12 px and there are no arbitrary sizes: pick the nearest step. This is the product scale. Brand surfaces such as this page's cover may set Poppins 600 headlines larger.

Families and usage

Poppins 600Page titles and step titles only: display-3xl, 2xl, xl, tracking −0.02 to −0.01 em. Brand-surface headlines.
Inter 400Body, chat, tables, helper text.
Inter 500Buttons, nav items, field labels, pills and chips.
Inter 600Card and section titles, eyebrows, prices.
IBM Plex Mono 500Machine codes only: PNR, booking reference, passport and ticket numbers. Never prices, dates, statuses, eyebrows or table headers.

Tracking: display titles −0.02 to −0.01 em, body 0, eyebrows +0.06 em. Turn on font-variant-numeric: tabular-nums for prices, dates and times. No all-caps headlines; uppercase is for 12 px eyebrows and table headers only, and Turkish labels are better left in sentence case (section 7).

Turkish glyph test

İstanbul · çalışıyor · değişiklik
İstanbul · çalışıyor · değişiklik
İstanbul · çalışıyor · değişiklik
İstanbul · çalışıyor · değişiklik
İstanbul · çalışıyor · değişiklik

Check the dotted capital İ, the dotless ı, ğ, ş and ç in every new face, weight and fallback. A fallback font that lacks them will silently swap in Latin letters and "Iğdır" will lose its meaning.

Prices, dates and codes

₺4.620,00 gecelik · vergiler dahil PNR 7KXQ2M
  • One price format everywhere: the currency's sign first, in the reader's number format: ₺4.620,00 in Turkish, ₺4,620.00 in English; € $ £ the same way. Never the ISO code (TRY 4,620.00) and never "TL" (decision 2026-10-14). Set it in price-lg or price. Do not mix fonts for the same number on one screen.
  • Tabular figures for prices, dates and times, so columns align and totals do not jitter.
  • Mono is for machine codes only, so a PNR or passport number reads as something to copy exactly.

No italic accents in the product

Söyleyin, gerisini Turleno yapsın.

Product UI has no italic accents and no italic blue names. A marketing headline may set one accent word in Varış Mavisi on navy, in colour only, never in italics. Colour a word only when it is interactive, a status or this one marketing accent.

Self-hosting

The marketing site and the product serve WOFF2 files from their own origin. Google Fonts is used only in previews like this page. Subset to Latin plus Latin Extended-A (which holds the Turkish letters) and preload the weights that appear above the fold. The product uses Inter 400, 500 and 600, Poppins 500 and 600, and IBM Plex Mono 500.

@font-face {
  font-family: "Inter";
  src: url("/fonts/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0100-017F, U+2000-206F, U+20BA,
                 U+2122, U+2190-2193, U+2212;
}

font-display: swap shows the fallback immediately and swaps when the file arrives. Poppins is wide, so size its fallback with size-adjust to keep the swap from moving the layout. U+20BA is the Turkish lira sign, U+2122 the ™ sign, U+2190–2193 the arrows (as in "İstanbul → Berlin") and U+2212 the true minus sign.

Fallback stacks

--font-display: "Poppins", system-ui, sans-serif;
--font-sans: "Inter", system-ui, -apple-system,
             "Segoe UI", sans-serif;
--font-mono: "IBM Plex Mono", ui-monospace,
             monospace;

Each fallback is a system face on at least one platform and covers Turkish. Do not add any face that fails either test. In email signatures and Office documents, where web fonts do not load, use Arial.

The link for previews: Inter 400, 500 and 600, Poppins 400, 500, 600 and 700 (this page also sets Poppins in its brand-surface specimens), and IBM Plex Mono 400 and 500 from Google Fonts. All three families are open source (OFL).

7 · Voice and tone

Calm, precise, warm, unhurried.

Turleno talks like a capable colleague who has done this a thousand times. Short sentences. Second person. No jargon, no exclamation marks, no emoji. Turkish is written first and reads as natural Turkish; English is a rewrite, never a translation.

Principles

  1. Say what happened, then what happens next. "Onaya gönderdim. Yöneticiniz onayladığında bilet gelir."
  2. Numbers are facts. Prices, times and limits are stated exactly; never "around", never invented.
  3. Policy is explained, not enforced in silence. Every exception says which rule and by how much.
  4. The agency is always a person. Name it. "Acenteniz Gezi Tur bilgilendirildi."
  5. One question at a time. If Turleno must ask, it asks one thing, then stops.
  6. Never sell inside the product. No upsell copy in chat, receipts or notifications.

We say / we don't say

We sayWe don't say
Biletiniz hazır.Harika haber! Biletiniz başarıyla oluşturuldu! 🎉
Bu otel politikanızın dışında: gecelik limit ₺3.000,00, bu oda ₺3.450,00.Politika ihlali tespit edildi.
Onay yöneticinizde. Genellikle bir saat içinde yanıt gelir.Talebiniz ilgili birime iletilmiştir.
Bakiye ₺1.200,00 kaldı. Bu seyahat için ₺4.120,00 gerekiyor; acentenize haber verdim.Yetersiz bakiye. İşlem gerçekleştirilemedi.
Your ticket is ready.Great news! Your ticket has been successfully generated!
This hotel is outside policy: the nightly cap is ₺3,000.00 and this room is ₺3,450.00.Policy violation detected.
Your manager has the request. Replies usually come within an hour.Your request has been forwarded to the relevant department.
Balance is ₺1,200.00. This trip needs ₺4,120.00; I have told your agency.Insufficient funds. Transaction failed.

Microcopy

WhereTürkçeEnglish
ButtonsDemo talep et · Onaya gönder · Onayla · Reddet · Seçenekleri göster · Acenteyle konuş · Değişiklik isteBook a demo · Send for approval · Approve · Reject · Show options · Talk to your agency · Request a change
Empty state, tripsHenüz seyahatiniz yok. Nereye gitmeniz gerektiğini yazın, gerisini Turleno hazırlasın.No trips yet. Write where you need to be and Turleno will prepare the rest.
Empty state, approvalsBekleyen onay yok. Yeni bir talep geldiğinde burada görünür.Nothing to approve. New requests will show up here.
Error, supplierTHY şu anda yanıt vermiyor. Bir dakika sonra tekrar deneyeceğim; isterseniz acentenize de haber verebilirim.THY is not responding right now. I will retry in a minute; I can also tell your agency if you like.
Error, formİş e-posta adresinizi kontrol edin. Gmail veya Hotmail adresleriyle demo talebi alamıyoruz.Check your work email. We cannot take demo requests from Gmail or Hotmail addresses.
Approval notification (to manager)Ayşe Yılmaz, 15 Ekim Perşembe İzmir günübirlik seyahati için onay istiyor. Toplam ₺4.120,00, politikaya uygun. Onayla / Reddet.Ayşe Yılmaz is asking for approval for a day trip to İzmir on Thursday 15 October. Total ₺4,120.00, in policy. Approve / Reject.
Approval notification (to traveller)Onaylandı. Biletiniz ve otel bilgileri burada; e-postanıza da gönderdim.Approved. Your ticket and hotel details are here; I have also sent them to your email.
Rejection (to traveller)Yöneticiniz Ayşe Demir talebi reddetti. Gerekçe: "Toplantı ertelendi." Yeni tarih için yazmanız yeterli.Your manager, Ayşe Demir, declined the request. Reason: "Meeting postponed." Write a new date whenever you are ready.
Assistant, clarifyingDönüş için sabah mı, akşam mı uygun?For the return, morning or evening?
Assistant, out of scopeBu konuda yardımcı olamıyorum. Acentenize bağlayabilirim, ister misiniz?I cannot help with that. I can connect you to your agency, would you like that?

Naming rules

Turleno, always. In running text the product is "Turleno" with a capital T. Never "TURLENO", never "turleno" in a sentence, never "Turleno AI" or "the Turleno platform". Lowercase belongs to the wordmark only.

The assistant is Turleno. There is no mascot, no first name, no "Leo". In chat, Turleno refers to itself in the first person ("hazırladım") and to the product by name only when the product is the subject.

Partners keep their names. THY, Pegasus, AJet, Travelport, Enterprise are written as they write themselves. The agency's name appears exactly as the agency spells it. "Powered by Turleno" is never translated.

Tone by channel

ChannelHow Turleno writes there
WhatsAppAt most three short lines per message. No tables, no Markdown, no bold. Each option goes on its own line.
Web chatThe same as WhatsApp. Option cards are allowed, because the widget renders them.
EmailThe subject line is the state change, for example "Onaylandı: İzmir, 15 Ekim". One call to action per email.
Sales and LinkedInPoppins SemiBold headlines and a firmer claim. Still no exclamation marks.
Hand-off to supportName the agency and the person, give the next step and the expected wait. "Sizi Gezi Tur'dan Zeynep Arslan'a bağlıyorum. Genellikle 10 dakika içinde yanıt verir."

Writing rules

ItemTürkçeEnglish
Money₺4.120,00₺4,120.00
Dates14 Ekim 2026 Çarşamba, or 14.10.2026Wednesday 14 October 2026
Time07:30 (24-hour)07:30 (24-hour)
Ranges21–23 Ekim21–23 October
AddressAlways "siz", never "sen""You"

Money: the sign first, no space, always two decimals; in Turkish a dot for thousands and a comma for decimals, in English the reverse. Never "TL" after the amount, never "4.120 TL", never the ISO code ("TRY 4,120.00"). Ranges use an en dash with no spaces. Price components in the product (cards, tables, totals) use the same format as sentences, in every language (section 6).

Turkish rules

  • Suffixes take an apostrophe after a proper name: Turleno'ya, Turleno'nun, THY'nin, Gezi Tur'un.
  • Mark the language. Every element holding Turkish carries lang="tr", so the browser cases, hyphenates and reads it aloud as Turkish.
  • Uppercase in code with the Turkish locale. Use toLocaleUpperCase('tr-TR'). Without it "iş" becomes "IŞ" and "İstanbul" becomes "ISTANBUL".
  • Prefer not to set Turkish in capitals at all. Sentence case is safer and reads calmer.
  • Design around Turkish length. Turkish strings run longer than English ones; lay out buttons, pills and headers for the Turkish text first.
'iş'.toUpperCase();                // "IŞ"   wrong
'iş'.toLocaleUpperCase('tr-TR');   // "İŞ"   right
8 · Assistant and chat style

A white card, a navy bubble, one quiet action.

The chat is the product's front door, so its styling is part of the brand. Turleno speaks from a white card with a hairline on the product canvas; the user answers in navy. The ring icon is the assistant's avatar. The only blue is the action: a soft-blue chip with action-blue text.

Bubble spec

Salı günü Berlin'de toplantım var.
User Fill Gece Lacivert, text white. Right-aligned. Radius 14 px, lower-right corner 4 px. Max width 82 %. No avatar.
İki uçuş ve bir otel hazırladım.
Turleno White card, 1 px hairline #E2E6EC, text navy. Left-aligned, radius 14 px, lower-left corner 4 px. The avatar is the ring icon (Ana) at 28 px.
OnaylaSeçenekleri göster
Action chips Soft blue fill #E8EEFB, action-blue text #2A5BC8 (5.3:1), 13 px Inter Medium, full radius, at least 32 px tall. One row under the message they act on.
Onaylandı. Biletiniz cebinizde.
Confirmation The same white card, with an action-blue tick dot and the word "Onaylandı", so the state never rests on colour alone. Once per completed action, never for options or questions.
Typing indicator Three 6 px Navy 70 dots in a Turleno card, 1.2 s cycle, 0.2 s stagger. Static under reduced motion. Announced once to screen readers as "Turleno yazıyor". Shown only while a reply is being generated.

Chat text is 14 px / 20 px Inter in the product and 16 px in marketing mockups. Timestamps and the footer line "Gezi Tur · Powered by Turleno" (agency first) are 12 px Navy 70 (#4A5A73, 6.6:1 on the #F7F8FA canvas) under the last bubble. Inter throughout, with IBM Plex Mono only for a PNR or another machine code.

Policy labels

Politikaya uygun Onay gerekir Politika dışı
In policy Needs approval Out of policy
In policySuccess tone: green text on a soft green ground. The option can be sent for approval as-is.
Needs approvalWarning tone: amber ink on a soft amber ground. The option breaks a rule a manager may waive (a soft exception); the label is always followed by the rule and the amount.
Out of policyDestructive tone: red ink on a soft red ground. The option cannot be sent (a hard exception). Turleno says why and offers the nearest allowed option.

This is the one status pill used for every status: 24 px tall, a 6 px dot and a sentence-case word in 13 px Inter Medium, full radius, no border, no icon. The pill sits at the start of the option line, before the carrier and time. Never colour the whole option row; the pill is the only coloured element. In policy is green, not blue, so a status never gets confused with an action.

Rendered conversation

TurlenoYapay zekâ asistanı
Turleno: Merhaba, ben Turleno, Gezi Tur'un yapay zekâ seyahat asistanıyım. Nereye, ne zaman gitmeniz gerekiyor?
Siz: Perşembe sabah İzmir'de müşteri ziyaretim var, akşam dönerim.
Turleno: 15 Ekim Perşembe için politikanıza uygun iki seçenek hazırladım:
Politikaya uygunTHY 07:30 gidiş · 20:15 dönüş · ₺4.120,00
Onay gerekirPegasus 08:10 gidiş · 21:40 dönüş · ₺3.680,00. Dönüş, politikadaki 21:00 sınırını 40 dakika aşıyor; yöneticiniz onaylayabilir.
Hangisini göndereyim? İlkini gönderİkincisini gönder
Siz: İlkini gönder.
Turleno: Onaya gönderdim. Yöneticiniz Ayşe Demir onayladığında biletiniz buraya ve e-postanıza gelecek. Acenteniz Gezi Tur da bilgilendirildi.
10:42
Turleno: Onaylandı. Ayşe Demir onayladı; biletiniz burada ve e-postanızda.
Gezi Tur · Powered by Turleno

AI disclosure

The first message of every conversation, on every channel, says what Turleno is and whose it is:

TurlenoYapay zekâ asistanı
Merhaba, ben Turleno, Gezi Tur'un yapay zekâ seyahat asistanıyım.
Gezi Tur · Powered by Turleno

The chat header carries "Yapay zekâ asistanı" permanently, not only on the first screen. Nobody talking to Turleno should be able to believe they are talking to a person.

Why: Article 50 of the EU AI Act, which applies from 2 August 2026, requires people to be told when they are talking to an AI system. Turleno's core application infrastructure is hosted in the EU (Frankfurt), so we follow it in every market, Türkiye included.

Assistant accessibility

  • The conversation is a role="log" region with aria-live="polite", so new messages are read out without interrupting.
  • Each bubble starts with a visually hidden speaker label, "Turleno:" or "Siz:", so the conversation makes sense without its layout. The avatar is decorative.
  • The typing indicator is announced once as "Turleno yazıyor", not on every dot.
  • The logo's alt text is "Turleno"; the lockup's alt text is "Powered by Turleno".
  • A confirmation carries a tick plus the word "Onaylandı". Colour never carries a state alone.
  • Chips are real buttons with a 2 px navy focus ring and a 2 px offset.
  • Target WCAG 2.2 AA, including tap targets of at least 24 × 24 px for every option, button and link in the chat.
9 · Graphic language

From departure to arrival. No planes.

Turleno's pictures come from the identity's own idea: a departure, the overhanging bar of the "t", and an arrival, the ring. Between them runs one thin route line. We do not show planes, globes, suitcases, passports or maps with pins; every Turkish travel brand already does.

Route line

İstanbul Berlin

The origin is a short navy bar, the same shape as the crossbar of the "t". The route is a single 2 px navy line, curved once, ending in the ring in Varış Mavisi. A policy check or approval on the way is a small Derin Mavi tick in a white dot. One route per composition. Never a globe, never an arc over a map, never dotted.

The ring as a shape

The ring is the only other graphic device. It can be cropped by the edge of a panel, scaled up as a backdrop in Varış Mavisi on navy, or drawn small in white. It keeps its proportions (about 10 % thick, open centre about 20 % across); it is never filled solid, outlined or given an effect.

Icon style

Chat · selected
Calendar
Approved
Policy
Balance
Hotel
Place
Rating

Outline icons with a 1.5 px stroke at 16 or 20 px (the app uses Lucide), round caps and joins, no fills. They take the text colour: Navy 70 when idle, action blue when selected, success green only for a completed state. Hotel ratings are filled stars in #B0620A followed by the number as text. One weight and one size family; no duotone, no filled variants, no icon inside a coloured circle.

Illustration ban list

  • Planes, plane silhouettes, contrails, take-off arcs
  • Globes, world maps, maps with pins, dotted arcs across continents
  • Suitcases, passports, boarding passes, tickets with perforations
  • Robots, sparkles, "AI" glows, neural-network dots and lines, brains
  • Purple-to-blue gradients, glassmorphism, 3D blobs
  • Gradients, shadows, glow or 3D effects on any of our marks
  • Left-border accent stripes on cards and notices, shimmer loaders, italic accent words in the product
  • Stock photos of people in airports or shaking hands
  • Nazar beads, tulips, Bosphorus skylines, any "Turkishness" prop
  • THY red and white, Pegasus yellow and red
  • Emoji anywhere in the interface or in marketing

If a page needs a picture and a route line or the ring does not fit, use a framed product screenshot instead. Real screens beat any illustration for this audience.

Photography stance

Photographs are used only for press, the team, events and customer stories. Never as decoration on a product or marketing page, where a route line, the ring or a real screen does the job. Natural light, real Turkish offices, people at work. No airports, no handshakes, no staged laughter at a laptop.

The logo never sits on a photo. It goes on a flat Krem or navy band beside or below the picture. Every identifiable person in a photo has signed a KVKK consent and a model release before the photo is published, including our own team.

Framing product screenshots

app.gezitur.com/onaylar
Bekleyen onaylar (2)
Ayşe Yılmaz · İzmir, 15 Ekim
THY 07:30 · 20:15 · ₺4.120,00
Politikaya uygun
Mehmet Kaya · Berlin, 21–23 Ekim
Otel ₺3.450,00 / gece
Onay gerekir
ReddetOnayla

Every screenshot sits in a browser frame: a 12 px radius, a cool-grey title bar (#F7F8FA) with three neutral dots and the real URL, a 1 px #E2E6EC hairline border, no operating-system chrome. The product inside shows the v2.1 look: cool grey canvas, white cards, one primary button. The frame sits on a flat white or navy ground. No shadow, no tilt, no 3D perspective, no device bezels.

Screenshots show real data shapes with fictional names. Never show a real client's name, a real balance or a real PNR. Crop to the feature being discussed; a full dashboard at 1440 px wide says nothing at phone size.

On navy panels the frame keeps its white interior and the hairline border is dropped.

10 · Motion

Calm, with a reason.

Motion reports a change of state; it never decorates. No bounce, no confetti. A card arrives, a sheet opens, a request is confirmed, and the movement says only that. The signature movement is the ring: it draws once when a request is confirmed, and once when the app starts.

Tokens

TokenDurationEasingUsed for
motion-fast120 msease-outPress and hover states.
motion-base200 mscubic-bezier(0.2, 0, 0, 1)A message card enters: an 8 px rise plus a fade.
motion-slow320 mscubic-bezier(0.2, 0, 0, 1)Sheets and side panels.
motion-stagger80 msn/aDelay between consecutive Turleno cards.
motion-arrive600 mscubic-bezier(0.2, 0, 0, 1)The ring draws itself once to confirm a completed action; the tick fades in at 500 ms. No scale, no pulse.
motion-load900 mscubic-bezier(0.2, 0, 0, 1)App start: the ring draws itself once on the app-loading screen. It never loops.

The ring, arrived

Onaylandı.
Biletiniz cebinizde.

When a booking or an approval completes, the confirmation card shows the ring drawing itself in Varış Mavisi over 600 ms, then a navy tick in its centre. It plays once per completed action and never loops. The state is also in words ("Onaylandı"), so the movement is never the only signal.

Reduced motion

Under prefers-reduced-motion: reduce, every movement becomes a fade of 120 ms or less. Nothing rises, slides, draws or scales: the ring simply appears.

The typing indicator stops animating and stays static, with the screen-reader text "Turleno yazıyor" carrying the state. Loading follows the same rule: skeletons and spinners stop, the ring appears already drawn, the progress bar is static, and the status line keeps carrying the meaning.

The logo in motion

The logo animates in one place only: the end card of a video. The "o" arrives, rising 8 px into place and fading in over 320 ms, then the whole mark holds still for 2 s. It never loops, spins, bounces or appears as a loading spinner, and agencies may not animate it (section 4).

Loading

WaitWhat to show
Under ~300 msNothing. Go straight to the screen; a flash of loader is worse than a short wait.
App startAppLoading: the ring draws once, a primary progress bar, and one plain status line.
SearchSearchLoading: the real layout, a progress card with live steps, and muted skeletons that pulse in opacity. No shimmer gradients.
A button's own actionThe button keeps its label and adds a 16 px spinner inside it, and is marked busy rather than given the disabled look.

Respect prefers-reduced-motion everywhere. Content already known (the route, the dates, the filters) stays real text during a search, never a skeleton.

App start

A light screen, so there is no dark flash before the light app shell. The icon's ring draws once in 900 ms; the status line steps through what is happening ("Çalışma alanınız hazırlanıyor", "Seyahatleriniz yükleniyor", "Seyahat politikanız denetleniyor"); the agency's logo and name sit above the bar and "Powered by Turleno" at the foot.

Search and button

4 havayolunda tarihleriniz aranıyor · 18 fiyat bulundu
  • THY tarandı
  • Pegasus tarandı
  • AJet aranıyor
  • Politika denetimi
Onaya gönder

The progress card is a live region: done steps get a green dot, the current step an action-blue dot, pending steps a grey one. Skeletons are muted blocks at the real content's size, pulsing between full and half opacity. The busy button keeps its label and shows a 16 px spinner.

11 · Applications

The system at work.

Each mockup below is built from the real marks and tokens at the correct proportion. They are references for production files, not the production files themselves.

Business card · 85 × 55 mm, front

Uncoated natural white stock; print values are TBD until a drawdown is approved (section 5). Primary wordmark centred at 26 mm wide. Nothing else on the front.

Business card · back

Burak Gazioğlu
Kurucu · Founder
burak@turleno.com
+90 5xx xxx xx xx
turleno.com

Navy back with the Ana ring icon alone, far from the front's wordmark. Name 14 pt SemiBold, details 9 pt Regular, URL in Varış Mavisi (5.2:1 on navy). Fill in the phone number before print.

Email signature

Paste-ready HTML (uses a hosted PNG of the wordmark, because email clients strip SVG)
<table role="presentation" cellpadding="0" cellspacing="0"
  style="border-collapse:collapse;font-family:Arial,sans-serif;font-size:13px;line-height:1.4;color:#0B1F3A">
  <tr>
    <td style="padding:0 14px 0 0;border-right:1px solid #E4DDD0;vertical-align:middle">
      <img src="https://turleno.com/brand/assets/turleno-wordmark-512.png"
           width="96" height="21" alt="Turleno" style="display:block;border:0">
    </td>
    <td style="padding:0 0 0 14px;vertical-align:middle">
      <div style="font-weight:bold">Burak Gazioğlu</div>
      <div style="color:#4A5A73">Kurucu · Turleno</div>
      <div style="margin-top:4px">
        <a href="https://turleno.com" style="color:#1B3A6B">turleno.com</a>
        · +90 5xx xxx xx xx
      </div>
      <div style="margin-top:4px;color:#4A5A73;font-size:11px">İş seyahatinizi yapay zekâ halleder.</div>
    </td>
  </tr>
</table>

LinkedIn company page cover · 1128 × 191

The company page cover is 1128 × 191. Keep the left quarter free of essentials: LinkedIn lays the page logo over it. The route is decorative and may be cropped. The founder's personal profile banner is 1584 × 396 and uses the same composition with more height.

OG / social image · 1200 × 630

İş seyahatinizi yapay zekâ halleder.
B2B seyahat platformu

One template per language (kit files turleno-og-tr.png and turleno-og-en.png); the EN version reads "Business travel, handled by AI." The icon sits alone in the far corner, never beside the wordmark.

Slide title page · 16:9

Aynı ekiple daha çok müşteri.
Gezi Tur için tanıtım · 30 Eylül 2026
turleno.comGizli · Confidential

Krem ground, Poppins SemiBold title at 36 pt in Derin Mavi, wordmark top-left at 24 pt wide equivalent. Content slides use the same margins with a 16 pt Poppins body. No slide numbers in the title bar; they go bottom-right in Navy 70.

Favicon set

16
32
48
180 · apple-touch
512 · maskable

16, 32 and 48 as ICO plus SVG for modern browsers; 180 PNG for iOS; 192 and 512 PNG for the web manifest. The apple-touch and maskable files are full-bleed squares with the ring at its normal size, so each platform applies its own corner mask.

WhatsApp Business profile

On an agency-owned number the display name is the agency's own name ("Gezi Tur") and the avatar is the agency's logo: Meta requires a business's display name to reflect the business's own branding, and section 4 keeps Turleno out of avatars and display names there. The chat still introduces itself as Turleno in its first message. Only Turleno's own number is named "Turleno" and uses the round ring icon. Upload the 640 × 640 square; WhatsApp crops it to a circle.

Roll-up banner · 85 × 200 cm (ACE of M.I.C.E.)

İş seyahatinizi yapay zekâ halleder.
Acentenizin logosu ve adıyla. Politika, onay ve bütçe kontrolü içeride. THY · Pegasus · AJet NDC.
Salı Berlin, Çarşamba dönüş.
Onaylandı. Bilet cebinizde.
Demo için
turleno.com/demo
QR
demo

Wordmark at the top (readable from 5 m), headline at 180 pt, one chat exchange as the only picture, the route as a divider, QR and URL at the bottom third where people actually look. Nothing below 60 cm from the floor.

The app shell · hotel results

GGezi Tur AY
Ana sayfa
Asistan
Ara
Seyahatlerim

İzmir'de oteller

15 Ekim Perşembe → 16 Ekim Cuma · 1 gece · 1 misafir

Destinasyon
İzmir, Türkiye
Tarihler
15 – 16 Ekim
Ara
24 otelin 23'ü yönetici onayı gerektiriyorYine de rezervasyon yapabilirsiniz; yöneticinize haber verip kararını size bildiririz.
Konak, İzmir · merkeze 1,2 km

Kaya Prestige Hotel

4 yıldızlı otel
Kurumsal fiyatKahvaltı dahil
Onay gerekir₺4.620,00gecelik · vergiler dahil2 oda gör
Bayraklı, İzmir · iş merkezi

Bayraklı Business Otel

3 yıldızlı otel
Kahvaltı dahilWi-Fi
Politikaya uygun₺3.600,0010 Ekim'e kadar ücretsiz iptal1 oda gör

The v2.1 product look: a cool grey canvas, white cards with a 1 px hairline and no shadow, one primary button (the search), one status pill for every status, one highlight chip per card, tabular prices, Poppins only on the page title and Inter everywhere else. The policy notice is a banner with a soft amber ground, not a coloured border, and no card sits inside another card. The agency's colours stay in the logo slot at the top left; "Powered by Turleno" sits at the sidebar foot.

Login · navy brand panel + product canvas

Login is the one place the two surfaces meet: the navy brand panel (Varış Mavisi accent word, in colour only) beside a form side on the product canvas (#F7F8FA), the same cool neutral as every screen after login, so the white fields and the action-blue button sit on the ground they were designed for. The button is action blue with a white label. Krem never appears in the app.

12 · Asset kit

Download the marks.

Every file in the kit is listed below with its own download link: the wordmark in four colourways, the ring icon in four variants, the "Powered by Turleno" lockup, favicons, social cards and colour files. Every SVG is fully outlined, so no font is needed to open or print it. Pick the file that matches your ground.

Tümünü indir · Download everything

turleno-brand-kit.zip: every file on this page, sorted into folders (wordmark, icon, powered-by, social, favicon, colors), plus the README and the source PDF.

Tümünü indir · Download all (.zip)

Source and readme

Turleno_Marka_Kimligi_v1.0.pdf: the five-page source identity (Marka Kimliği v1.0). Where this guide and the PDF differ on a logo, colour or usage rule, the PDF wins.

README.txt: file list, colour values, rules and the trademark line, in Turkish and English.

How the files are made

All logo files are generated from one source module, docs/brand/source/turleno-marks.mjs, by npm run brand:assets. The same run writes the favicons and the in-app marks. A hand-edited copy of the path data anywhere else is a bug.

Inside the ZIP the files sit in folders; on this page, and on the server, they are flat.

Wordmark · 16 files

Four colourways, each as a vector and as transparent PNGs. The SVG is the master; choose it first.

Primary · ana logo
turleno-wordmark.svg
SVG · vector · 3.7 KB
Ana logo. Krem, beyaz ve açık zeminler.Primary logo on cream, white and light grounds.
İndir · Download
turleno-wordmark-512.png
PNG · 512 × 112 · 7.6 KB
Web, e-posta imzası, Office.Web, email signature, Office.
İndir · Download
turleno-wordmark-1024.png
PNG · 1024 × 223 · 16.6 KB
Sunum ve dokümanlar.Decks and documents.
İndir · Download
turleno-wordmark-2048.png
PNG · 2048 × 446 · 40.8 KB
Büyük ekran, baskı provası; baskı için SVG tercih edin.Large displays and print proofs; prefer the SVG for print.
İndir · Download
Reverse · koyu zemin
turleno-wordmark-reverse.svg
SVG · vector · 3.7 KB
Koyu zeminde beyaz versiyon: Gece Lacivert ve Derin Mavi.White version for Gece Lacivert and Derin Mavi grounds.
İndir · Download
turleno-wordmark-reverse-512.png
PNG · 512 × 112 · 8.0 KB
Web, e-posta imzası, Office.Web, email signature, Office.
İndir · Download
turleno-wordmark-reverse-1024.png
PNG · 1024 × 223 · 18.4 KB
Sunum ve dokümanlar.Decks and documents.
İndir · Download
turleno-wordmark-reverse-2048.png
PNG · 2048 × 446 · 41.9 KB
Büyük ekran, baskı provası; baskı için SVG tercih edin.Large displays and print proofs; prefer the SVG for print.
İndir · Download
One colour, navy · tek renk
turleno-wordmark-navy.svg
SVG · vector · 3.7 KB
Tek renk lacivert: beyaz veya Varış Mavisi zemin, tek renk baskı.One-colour navy: white or Varış Mavisi grounds, one-colour print.
İndir · Download
turleno-wordmark-navy-512.png
PNG · 512 × 112 · 7.5 KB
Web, e-posta imzası, Office.Web, email signature, Office.
İndir · Download
turleno-wordmark-navy-1024.png
PNG · 1024 × 223 · 16.4 KB
Sunum ve dokümanlar.Decks and documents.
İndir · Download
turleno-wordmark-navy-2048.png
PNG · 2048 × 446 · 40.1 KB
Büyük ekran, baskı provası; baskı için SVG tercih edin.Large displays and print proofs; prefer the SVG for print.
İndir · Download
One colour, white · tek renk
turleno-wordmark-white.svg
SVG · vector · 3.7 KB
Tek renk beyaz: kontrol etmediğimiz koyu zeminler.One-colour white: dark grounds we do not control.
İndir · Download
turleno-wordmark-white-512.png
PNG · 512 × 112 · 7.8 KB
Web, e-posta imzası, Office.Web, email signature, Office.
İndir · Download
turleno-wordmark-white-1024.png
PNG · 1024 × 223 · 17.9 KB
Sunum ve dokümanlar.Decks and documents.
İndir · Download
turleno-wordmark-white-2048.png
PNG · 2048 × 446 · 40.5 KB
Büyük ekran, baskı provası; baskı için SVG tercih edin.Large displays and print proofs; prefer the SVG for print.
İndir · Download

App icon · 16 files

Four variants, each as a vector and as PNGs at 256, 512 and 1024 px. Used alone, never beside the wordmark.

Ana · main
turleno-icon.svg
SVG · vector · 0.4 KB
Ana ikon: uygulama ikonu, favicon, profil.Main app icon, favicon and profile picture.
İndir · Download
turleno-icon-256.png
PNG · 256 × 256 · 4.3 KB
Avatar, küçük profil.Avatars and small profiles.
İndir · Download
turleno-icon-512.png
PNG · 512 × 512 · 9.5 KB
Profil, mağaza listesi.Profiles and store listings.
İndir · Download
turleno-icon-1024.png
PNG · 1024 × 1024 · 21.9 KB
Ana boyut: mağaza gönderimi, baskı.Master size: store submission, print.
İndir · Download
Koyu · dark
turleno-icon-dark.svg
SVG · vector · 0.4 KB
Koyu ikon: koyu arayüzler.Dark icon, for dark interfaces.
İndir · Download
turleno-icon-dark-256.png
PNG · 256 × 256 · 4.5 KB
Avatar, küçük profil.Avatars and small profiles.
İndir · Download
turleno-icon-dark-512.png
PNG · 512 × 512 · 9.7 KB
Profil, mağaza listesi.Profiles and store listings.
İndir · Download
turleno-icon-dark-1024.png
PNG · 1024 × 1024 · 22.9 KB
Ana boyut: mağaza gönderimi, baskı.Master size: store submission, print.
İndir · Download
Açık · light
turleno-icon-light.svg
SVG · vector · 0.5 KB
Açık ikon, ince kenarlıklı: beyaz zeminler.Light icon with a hairline, for white grounds.
İndir · Download
turleno-icon-light-256.png
PNG · 256 × 256 · 5.7 KB
Avatar, küçük profil.Avatars and small profiles.
İndir · Download
turleno-icon-light-512.png
PNG · 512 × 512 · 13.1 KB
Profil, mağaza listesi.Profiles and store listings.
İndir · Download
turleno-icon-light-1024.png
PNG · 1024 × 1024 · 30.8 KB
Ana boyut: mağaza gönderimi, baskı.Master size: store submission, print.
İndir · Download
Yuvarlak · round
turleno-icon-round.svg
SVG · vector · 0.4 KB
Yuvarlak: WhatsApp ve sosyal profil fotoğrafı.Round: WhatsApp and social profile picture.
İndir · Download
turleno-icon-round-256.png
PNG · 256 × 256 · 6.0 KB
Avatar, küçük profil.Avatars and small profiles.
İndir · Download
turleno-icon-round-512.png
PNG · 512 × 512 · 12.8 KB
Profil, mağaza listesi.Profiles and store listings.
İndir · Download
turleno-icon-round-1024.png
PNG · 1024 × 1024 · 30.0 KB
Ana boyut: mağaza gönderimi, baskı.Master size: store submission, print.
İndir · Download

Favicon and web app · 6 files

Exports of the Ana icon for browsers, iOS and Android.

favicon.svg
SVG · vector · 0.4 KB
Tarayıcı sekmesi (SVG).Browser tab (SVG).
İndir · Download
favicon.ico
ICO · 16, 32, 48 px · 1.8 KB
Tarayıcı sekmesi, eski tarayıcılar.Browser tab, older browsers.
İndir · Download
apple-touch-icon.png
PNG · 180 × 180 · 1.9 KB
iOS ana ekran; köşeleri iOS yuvarlar.iOS home screen; iOS rounds the corners.
İndir · Download
icon-192.png
PNG · 192 × 192 · 3.3 KB
PWA / Android 192.PWA and Android, 192 px.
İndir · Download
icon-512.png
PNG · 512 × 512 · 9.5 KB
PWA / Android 512.PWA and Android, 512 px.
İndir · Download
icon-maskable-512.png
PNG · 512 × 512 · 6.2 KB
Android maskable, tam kare.Android maskable, full-bleed square.
İndir · Download

"Powered by Turleno" · 4 files

The lockup, one unit: Poppins Medium label, 8 px gap, the wordmark. Never translated, never re-assembled.

turleno-poweredby.svg
SVG · vector · 7.0 KB
"Powered by Turleno", açık zemin.Lockup for light grounds.
İndir · Download
turleno-poweredby-2x.png
PNG · 360 × 48 · 5.4 KB
Açık zemin, e-posta ve Office için 2x PNG.2x PNG for light grounds, email and Office.
İndir · Download
turleno-poweredby-reverse.svg
SVG · vector · 7.0 KB
"Powered by Turleno", koyu zemin.Lockup for dark grounds.
İndir · Download
turleno-poweredby-reverse-2x.png
PNG · 360 × 48 · 5.6 KB
Koyu zemin, 2x PNG.2x PNG for dark grounds.
İndir · Download

Social cards · 4 files

One 1200 × 630 card per language, with the editable SVG source.

turleno-og-tr.png
PNG · 1200 × 630 · 28.7 KB
Paylaşım kartı, Türkçe: Open Graph, LinkedIn.Social card, Turkish: Open Graph, LinkedIn.
İndir · Download
turleno-og-en.png
PNG · 1200 × 630 · 26.7 KB
Paylaşım kartı, İngilizce.Social card, English.
İndir · Download
turleno-og-tr.svg
SVG · vector · 21.5 KB
Türkçe kartın kaynağı.Source of the Turkish card.
İndir · Download
turleno-og-en.svg
SVG · vector · 18.6 KB
İngilizce kartın kaynağı.Source of the English card.
İndir · Download

Colours · 2 files

The five colours of section 5.

turleno-colors.css
CSS · 0.3 KB
CSS değişkenleri.CSS custom properties.
İndir · Download
turleno-colors.json
JSON · 0.8 KB
Renk değerleri (hex, RGB).Colour values (hex, RGB).
İndir · Download

Source, readme and the whole kit · 3 files

The PDF is the source of truth for logo, colour and usage rules.

Turleno_Marka_Kimligi_v1.0.pdf
PDF · 5 pages · 53.9 KB
Kaynak marka kimliği, 5 sayfa.The source identity, 5 pages.
İndir · Download
README.txt
TXT · 5.7 KB
Dosya listesi, renkler, kurallar, ticari marka satırı.File list, colours, rules, trademark line.
İndir · Download
turleno-brand-kit.zip
ZIP · 502 KB
Tüm dosyalar, klasörlenmiş.Every file above, in folders.
İndir · Download
Source snippets · kaynak

turleno-icon.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240" width="240" height="240" role="img" aria-label="Turleno"><title>Turleno</title><rect width="240" height="240" rx="52.8" fill="#598CFF"/><path fill="#FFFFFF" fill-rule="evenodd" d="M71.942 120a48.058 48.058 0 1 0 96.115 0a48.058 48.058 0 1 0 -96.115 0ZM95.54 120a24.46 24.46 0 1 0 48.921 0a24.46 24.46 0 1 0 -48.921 0Z"/></svg>

The ring is one even-odd path: outer radius 48.058, inner radius 24.46, centred in a 240 unit tile with a 52.8 corner radius. Export PNGs from this file; never rebuild the mark by hand.

turleno-colors.css

/* Turleno brand colours — Marka Kimliği v1.0. Ratio: ~60 % cream/white, ~30 % navy, ~10 % blue. */
:root {
  --turleno-navy: #0B1F3A; /* Gece Lacivert */
  --turleno-blue: #598CFF; /* Varış Mavisi */
  --turleno-deep-blue: #1B3A6B; /* Derin Mavi */
  --turleno-cream: #F4EFE6; /* Krem */
  --turleno-white: #FFFFFF; /* Beyaz */
}

The wordmark is a 3.5 KB outlined path and is best used as the file itself. Inline it only through a shared symbol, so the path data exists once in a page: letters in currentColor, the "o" in a custom property that defaults to Varış Mavisi.

File naming

FileContentsUse
turleno-wordmark.svg · -reverse · -navy · -whiteThe four colourways, outlined. PNG exports at 512, 1024 and 2048 px wide, transparent.SVG first; PNG only where a channel refuses SVG (email, Office).
turleno-icon.svg · -dark · -light · -roundAna, Koyu, Açık and Yuvarlak. PNG exports at 256, 512 and 1024 px.App icons, avatars, profile pictures.
turleno-poweredby.svg · -reverse.svgLockup, outlined, one unit. 2× PNGs for each.Agency footers, vouchers, video end cards. Shipped pre-built in the agency co-brand pack.
favicon.ico (16, 32, 48), favicon.svg, apple-touch-icon.png (180), icon-192.png, icon-512.png, icon-maskable-512.pngExports of the Ana icon.Site and web manifest.
turleno-og-tr.png / turleno-og-en.png1200 × 630, with SVG sources.Open Graph and Twitter cards.
turleno-colors.css / .jsonThe five colours as custom properties, and as hex and RGB.Code and design tools.

Lowercase, hyphens, no version numbers in file names; the version lives in this guide. The colour word in a name describes the colourway, not the ground. Vector first, PNG only where a channel refuses SVG.

Requesting more

The files above are the current kit, published at turleno.com/brand. Agencies get a separate co-brand pack with the "Powered by Turleno" lockups pre-built in both colourways, so nobody assembles one by hand. Anything not in the kit goes to brand@turleno.com.

Trademark line

Turleno ve halka logosu Turleno'nun ticari markalarıdır. Diğer tüm markalar sahiplerine aittir.

Turleno and the ring logo are trademarks of Turleno. All other marks belong to their owners.

Use ™ after the first prominent "Turleno" in legal footers and printed material until the TÜRKPATENT registration is granted. Use ® only after the registration certificate is issued, never before. The line goes in the footer of the website, of decks and of the asset kit's readme, and at the foot of this guide.

Third-party marks

Airlines, Travelport, Enterprise, WhatsApp, Slack and Microsoft Teams are written as plain text in running copy. Their logos appear only with the owner's official file and permission, never recoloured and never larger than our own mark.

THY, Pegasus, AJet ve diğer markalar sahiplerine aittir.

Put that line under any page, slide or brochure that names a supplier or a channel.

13 · Checklist

Before anything with the brand on it goes out.

  1. The wordmark is the kit SVG or a PNG exported from it, not retyped text. The icon is a kit file, never redrawn.
  2. Brand colours are exactly Gece Lacivert #0B1F3A, Varış Mavisi #598CFF, Derin Mavi #1B3A6B and Krem #F4EFE6. The "o" is Varış Mavisi and nothing else.
  3. Clear space of one "o" height on every side; the wordmark is at least 72 px (18 mm) wide and the icon at least 16 px.
  4. The app icon and the wordmark are never side by side. The "Powered by Turleno" lockup is the pre-built file in documents and the live product lockup (13 px Inter Medium label, 8 px gap, wordmark 16 px tall) in the app.
  5. In documents and emails, beside a partner logo, the lockup is at most 60 % of the partner logo's height, never below its minimum, and sits to the right of the divider.
  6. About 60 % Krem or Beyaz, 30 % navy, 10 % Varış Mavisi on brand pieces (print, social cards, email); on every web page about 85 % grounds, 10 % text and at most 5 % blue. No gradient, shadow, glow or 3D on any mark.
  7. Every page ground (app, login, marketing site, legal pages, this guide) is the cool canvas #F7F8FA, never Krem; warm and cool neutrals are never mixed on one screen; cards are white with a 1 px hairline and never sit inside another card.
  8. One primary button per view: action blue #2A5BC8 with a white label on light grounds. Varış Mavisi is a fill only inside the one navy region (navy label), and never text on Krem or Beyaz; links on light grounds are action blue and underlined; focus rings are 2 px navy.
  9. One StatusPill style for every status: a dot and a sentence-case word in the tones of section 5, never colour alone, at most three tones visible at once.
  10. Contrast floors hold: text at least 4.5:1; control borders, focus rings and meaningful icons at least 3:1.
  11. Poppins 600 is for page and step titles only; Inter sets all interface text with tabular figures for prices, dates and times; IBM Plex Mono is only for machine codes; no italic accents in the product. Turkish letters render in every weight and fallback.
  12. No gradients, glows, shimmer or left-border accent stripes anywhere in the product. Loading follows section 10: nothing under ~300 ms, and prefers-reduced-motion is respected.
  13. No planes, globes, suitcases, robots, sparkles, purple gradients or emoji anywhere.
  14. Copy is Turkish first, second person, short sentences; the product is "Turleno" in running text and the assistant has no other name. "B2B seyahat platformu" is a label, never locked under the logo.
  15. Every claim is on the "may claim" list in section 1; roadmap items are labelled as such and nothing says "coming soon".
  16. Co-branding rules in section 4 are followed: the agency supplies only its logo and name (top-left slot, 32 px tall at most, on white), agency colours never enter the UI, and the credit sits only where it is allowed.
  17. The trademark line is present (™ until the TÜRKPATENT registration is granted), and third-party marks are credited.
14 · Governance

One owner, written changes.

The guide changes the way code changes: in writing, reviewed, versioned. That keeps every agency and every supplier looking at the same rules.

Ownership and review

  • Owner: Burak Gazioğlu.
  • Changes are proposed as a pull request to the guide's source and approved by the owner.
  • Any change to the logo or to a colour needs a second reviewer as well, and goes through turleno-marks.mjs and npm run brand:assets, never a hand-edited file.
  • Product tokens (colour, type, radius, states) change in tokens.json first (docs/design/turleno-v2.1-handoff/tokens.json), never in code or on this page. apps/web/src/__tests__/design-tokens.test.ts enforces that the app matches it and that the contrast floors hold. This page follows the file.
  • General questions go to hi@turleno.com; brand requests and new placements go to brand@turleno.com.

Version numbers

  • Major (x.0): any change to a mark or a colour.
  • Minor (2.x): new rules.
  • Patch (2.1.x): fixes to wording, values or specimens.

After a major release, old assets stay valid for 90 days. After that, only files from the current kit may be used. Files from versions before 2.0 are no longer valid.

Changelog

VersionDateChangeApproved by
2.11 Ekim 2026Identity v2.1, the product UI layer: cool-neutral app canvas, action blue #2A5BC8 with a white label (Varış Mavisi kept for dark grounds, the logo and the icon), Poppins for titles and Inter for the interface, one status pill, loading rules, and the Turleno design language for every agency with only its logo and name supplied. Logo, icon and the five brand colours unchangedBurak Gazioğlu
2.030 Eylül 2026Identity v2 from Marka Kimliği v1.0: new wordmark, ring app icon, four-colour palette, Poppins; every logo file offered for download; previous identity retiredBurak Gazioğlu
1.225 Eylül 2026Site görsel diline geçiş, indirme alanıBurak Gazioğlu
1.124 Eylül 2026Co-branding, legal, accessibility, motion, localisation, governance; correctionsBurak Gazioğlu
1.024 Eylül 2026İlk sürümBurak Gazioğlu

Turleno ve halka logosu Turleno'nun ticari markalarıdır. Diğer tüm markalar sahiplerine aittir.

Turleno and the ring logo are trademarks of Turleno. All other marks belong to their owners.