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 2026Identity 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
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.
2 · Logo system
A wordmark that leaves and arrives.
The logo is the wordmark, lowercase "turleno", on its own. Two details carry the idea: the crossbar of the "t" runs out to the left, and the "o" sits slightly raised in Varış Mavisi. The wordmark needs no separate icon.
Primary wordmark, read closely
Gece Lacivert letters, Varış Mavisi "o". This is the default everywhere.
What the shape says
1
Kalkış · departure The horizontal bar of the "t" overhangs to the left, the way a journey starts.
2
Varış · arrival The "o" is Varış Mavisi and stands slightly raised: the destination, a location pin.
"Wordmark küçük harflidir. "t" harfinin yatay çubuğu sola taşar: kalkış. "o" vurgu renginde ve hafif yukarıda durur: varış noktası, konum işareti. Wordmark tek başına ana logodur. Ayrı ikon gerektirmez."
Source: Marka Kimliği v1.0, page 2.
Primary · ana logo
Navy letters, Varış Mavisi "o", on Krem, Beyaz or any flat light ground.
Reverse · koyu zeminde beyaz
White letters, Varış Mavisi "o", on Gece Lacivert or Derin Mavi.
One colour, navy · tek renk
Navy on Varış Mavisi, as in the PDF. The same file works on white and in one-spot print.
One colour, white · tek renk
For dark grounds we do not control: an agency's charcoal footer, a trade-fair wall, a video end card.
Which colourway, where
Colourway
File
Grounds
Use
Primary
turleno-wordmark.svg
Krem, Beyaz, light flat bands
The default: website, product, documents, decks, email.
Reverse
turleno-wordmark-reverse.svg
Gece Lacivert, Derin Mavi
Dark panels, covers, video end cards we produce.
One colour, navy
turleno-wordmark-navy.svg
Beyaz, Varış Mavisi
One-colour print, stamps, embossing, blue panels; a partner document that allows one spot colour.
One colour, white
turleno-wordmark-white.svg
Dark grounds we do not control
Agency footers in another colour, signage, trade-fair walls.
The wordmark stands alone
The wordmark is the main logo and needs no icon beside it. The ring icon (section 3) is a separate mark for small square slots. The two are never combined into a lockup, and never set side by side.
The tagline and the category label may sit near the wordmark in a layout, but they are not part of the logo and are never locked under it.
About the master files
The PDF ships the wordmark only as a raster image, so the vector master in the kit was rebuilt from it (it matches the PDF raster at an IoU of 0.995). Use the kit files, never a retyped "turleno".
A designer-drawn vector should replace the master before any large-format print (follow-up BRAND-FU-WORDMARK-VECTOR).
"Powered by Turleno" lockup
Powered by
Powered by
Horizontal, single line. The label is 12 px Poppins Medium, the gap is 8 px and the wordmark is 20 px tall, sharing one baseline. The label is always in English, even in the Turkish interface, because the phrase is a trademark credit and not a sentence.
The lockup is a single unit. The label, the gap and the wordmark are never separated, respaced or rearranged, and its clear space is measured around the whole lockup. Use the kit files turleno-poweredby.svg and turleno-poweredby-reverse.svg; they are outlined art with a Poppins Medium label, for documents, emails, vouchers and video. Inside the app the lockup is built live to the product spec in section 4.
Where it goes: the footers and the app places listed in section 4. It never goes in the agency's header.
Minimum size (our guidance): 150 px wide on screen, 38 mm in print. Below that, set the text line "Powered by Turleno" in the body face with no mark. Never put the bare wordmark beside an agency logo.
Clear space
1 o1 o
"Wordmark'ın etrafında en az "o" harfinin yüksekliği kadar boşluk bırak." The unit is the height of the "o", about 15 % of the wordmark's width (60 px on a 400 px wordmark). Keep at least one unit of empty space on every side. Nothing enters this zone: no text, no partner logo, no rule, no edge of the page. For the "Powered by Turleno" lockup the unit is taken from its own "o" and the zone is drawn around the whole lockup.
Minimum size
Wordmark 72 px
Wordmark 120 px
Icon 16 px2432
Wordmark, screen
72 px wide
Wordmark, print
18 mm wide
App icon, screen
16 px
App icon, print
5 mm
The icon minimum of 16 px is from the PDF. The wordmark minimums and the print icon size are our own guidance, not from the PDF. Where a slot is smaller than the wordmark minimum, use the app icon alone. Never squeeze the wordmark.
Placement beside a partner logo
GeziTurPowered by
The agency's logo leads, at the left. A 1 px vertical divider at 25 % opacity separates it from the Turleno lockup. The gap on each side of the divider is one clear-space unit or 28 px, whichever is larger.
The whole Turleno lockup is at most 60 % of the agency logo's height, and never below the lockup minimum. If that makes Turleno too small, scale the agency logo up; never scale Turleno below its minimum. The agency's colours stay untouched; Turleno keeps navy and Varış Mavisi, or goes one-colour (section 4).
Right and wrong · doğru / yanlış
✓
Doğru: the primary logo on a light ground.
✓
Doğru: the reverse version on a dark ground.
✕
Yanlış:do not stretch or squash. Scale proportionally, always.
✕
Yanlış:do not recolour. The "o" is only ever Varış Mavisi.
✕
Do not place on a busy ground. Patterns, photos and gradients under the mark are out. Use a flat Krem, Beyaz, navy or blue panel.
✕
No gradient, shadow, glow or 3D. The marks are flat, always.
✕
Yanlış:never set the icon beside the wordmark. They are used separately.
✕
Do not rotate. The wordmark sits horizontal. The only exception is a vertical spine, rotated exactly 90°.
Usage rules · kullanım kuralları
Türkçe (PDF)
English
Wordmark'ın etrafında en az "o" harfinin yüksekliği kadar boşluk bırak.
Leave clear space of at least the height of the "o" on every side of the wordmark.
Ürün ikonunu wordmark'ın yanına yapıştırma. İkisi ayrı kullanılır.
Never set the product icon beside the wordmark. The two are used separately.
Gradyan, gölge, glow, 3D efekt ekleme.
No gradients, shadows, glow or 3D effects.
"o" vurgu rengi yalnızca Varış Mavisi'dir. Başka renge çevirme.
The accent "o" is only ever Varış Mavisi. Do not turn it another colour. (The one-colour versions are the single exception: the "o" takes the one colour.)
Orantısız esnetme.
Never stretch or squash the wordmark; scale it proportionally.
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
AnaVarış Mavisi tile, white ring. The default app icon and favicon.
KoyuGece Lacivert tile, white ring. For dark interfaces and dark-mode icons.
AçıkWhite tile, Varış Mavisi ring, a #DDE2EA hairline keeps its edge on white.
YuvarlakVarış Mavisi circle, white ring. WhatsApp and social profile pictures.
Proportions
The numbers
Corner radius
22 % of the side
Ring thickness
≈ 10 % of the width
Centre, across
≈ 20 % of the width
Ring, outer radius
20.02 % of the side
Ring, inner radius
10.19 % of the side
Minimum size
16 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
9664483216
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.
Turleno
Sales and demos
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
GGezi TurAY
Ana sayfa
Seyahatlerim
Asistan
Powered by
Seyahatlerim
İzmir · 15 Ekim · THY 07:30Onaylandı
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
Powered by
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
✓
GeziTurPowered by
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.
✕
GeziTur
Don't: Turleno larger than the agency. The bare wordmark, bigger than the agency logo, reads as if Turleno were the seller.
✕
OnaylaKurumsal 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
Situation
Colour
Why
The main action on a light ground
Action blue#2A5BC8 with a white label
White 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 tab
Action blue #2A5BC8 (ink), underlined in running text
6.1:1 on white, 5.4:1 on Krem.
Selected row, the one highlight chip, info banner
Soft blue #E8EEFB with navy or action-blue text
Says "selected" without shouting. Navy text 14.2:1, action blue 5.3:1.
Checked box, switch, slider, progress, active nav icon
Action blue #2A5BC8
A graphic at 6.1:1 on white.
Logo "o" and the app icon on a light ground
Varış Mavisi#598CFF
Brand marks only.
Inside the one navy region
Varış Mavisi as the accent word, icon and button fill, with a navy label
5.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 60Lacivert 3010
Every web page (app, login, site, legal, guide)
Grounds 85105
"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.
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
Pair
Specimen
Ratio
Normal text (4.5:1)
Large text and UI (3:1)
Rule
Gece Lacivert on Krem
Bilet cebinizde
14.4
AAA
AAA
Body text on Krem (print, social cards, email).
Gece Lacivert on Beyaz
Bilet cebinizde
16.5
AAA
AAA
Text on cards. 15.5:1 on the #F7F8FA canvas, 14.6:1 on muted.
Navy 70 on Beyaz
12 dakika önce
7.0
AAA
AAA
Secondary text. 6.6:1 on the canvas, 6.2:1 on muted, 6.1:1 on Krem.
Beyaz on action blue
Onayla
6.1
AA
AA
The primary button label. 7.5:1 on hover, 9.0:1 pressed.
Action blue on Beyaz
Demo talep et
6.1
AA
AA
Links and interactive icons, underlined in running text. 5.4:1 on Krem.
Field border on Beyaz
siz@ornek.com
3.2
n/a
AA
The 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ış Mavisi
Demo talep et
5.2
AA
AA
The button label inside the navy region, and small text on a Varış Mavisi panel.
Beyaz on Gece Lacivert
Onaya gönderildi
16.5
AAA
AAA
Default text on dark grounds and user chat bubbles.
Varış Mavisi on Gece Lacivert
turleno.com
5.2
AA
AA
Accent words, links and icons inside the navy region.
Derin Mavi on Krem
Bakiye özeti
9.8
AAA
AAA
Headings on brand surfaces. 11.3:1 on Beyaz.
Beyaz on Derin Mavi
Bakiye
11.3
AAA
AAA
Raised cards inside navy.
Status colours · one pill, one set of tones
Success#2A6F47 · soft #E3F1E8Confirmed, In policy, Ticketed.
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
Pair
Specimen
Ratio
Varış Mavisi text on white
never
3.2
Varış Mavisi text on Krem
never
2.8
White on Varış Mavisi at small sizes
Onayla
3.2
Action blue on navy
never
2.7
Navy 70 on navy
never
2.4
Varış Mavisi on Derin Mavi, small
Berlin
3.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
Role
Brand pieces: print, social, email
Every web page (light)
The navy region
Page ground
Krem (never a web page ground)
#F7F8FA canvas, in the app, login, site, legal pages and this guide
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 600
Page titles and step titles only: display-3xl, 2xl, xl, tracking −0.02 to −0.01 em. Brand-surface headlines.
Inter 400
Body, chat, tables, helper text.
Inter 500
Buttons, nav items, field labels, pills and chips.
Inter 600
Card and section titles, eyebrows, prices.
IBM Plex Mono 500
Machine 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,00gecelik · vergiler dahilPNR 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-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.
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
Say what happened, then what happens next."Onaya gönderdim. Yöneticiniz onayladığında bilet gelir."
Numbers are facts. Prices, times and limits are stated exactly; never "around", never invented.
Policy is explained, not enforced in silence. Every exception says which rule and by how much.
The agency is always a person. Name it. "Acenteniz Gezi Tur bilgilendirildi."
One question at a time. If Turleno must ask, it asks one thing, then stops.
Never sell inside the product. No upsell copy in chat, receipts or notifications.
We say / we don't say
We say
We 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
Where
Türkçe
English
Buttons
Demo talep et · Onaya gönder · Onayla · Reddet · Seçenekleri göster · Acenteyle konuş · Değişiklik iste
Book a demo · Send for approval · Approve · Reject · Show options · Talk to your agency · Request a change
Empty state, trips
Henü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, approvals
Bekleyen onay yok. Yeni bir talep geldiğinde burada görünür.
Nothing to approve. New requests will show up here.
Error, supplier
THY ş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, clarifying
Dönüş için sabah mı, akşam mı uygun?
For the return, morning or evening?
Assistant, out of scope
Bu 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
Channel
How Turleno writes there
WhatsApp
At most three short lines per message. No tables, no Markdown, no bold. Each option goes on its own line.
Web chat
The same as WhatsApp. Option cards are allowed, because the widget renders them.
Email
The subject line is the state change, for example "Onaylandı: İzmir, 15 Ekim". One call to action per email.
Sales and LinkedIn
Poppins SemiBold headlines and a firmer claim. Still no exclamation marks.
Hand-off to support
Name 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
Item
Türkçe
English
Money
₺4.120,00
₺4,120.00
Dates
14 Ekim 2026 Çarşamba, or 14.10.2026
Wednesday 14 October 2026
Time
07:30 (24-hour)
07:30 (24-hour)
Ranges
21–23 Ekim
21–23 October
Address
Always "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.
UserFill 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.
TurlenoWhite 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 chipsSoft 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.
ConfirmationThe 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 indicatorThree 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 uygunOnay gerekirPolitika dışı
In policyNeeds approvalOut of policy
In policy
Success tone: green text on a soft green ground. The option can be sent for approval as-is.
Needs approval
Warning 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 policy
Destructive 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.
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
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.
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.
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
Token
Duration
Easing
Used for
motion-fast
120 ms
ease-out
Press and hover states.
motion-base
200 ms
cubic-bezier(0.2, 0, 0, 1)
A message card enters: an 8 px rise plus a fade.
motion-slow
320 ms
cubic-bezier(0.2, 0, 0, 1)
Sheets and side panels.
motion-stagger
80 ms
n/a
Delay between consecutive Turleno cards.
motion-arrive
600 ms
cubic-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-load
900 ms
cubic-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
Wait
What to show
Under ~300 ms
Nothing. Go straight to the screen; a flash of loader is worse than a short wait.
App start
AppLoading: the ring draws once, a primary progress bar, and one plain status line.
Search
SearchLoading: the real layout, a progress card with live steps, and muted skeletons that pulse in opacity. No shimmer gradients.
A button's own action
The 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
GGezi Tur
Seyahat politikanız denetleniyor
Powered by
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.
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.
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
163248180 · apple-touch512 · 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
Gezi Tur
Agency-owned number: the agency's name and logo
Turleno
Turleno's own number: sales and demos
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 TurAY
Ana sayfa
Asistan
Ara
Seyahatlerim
Powered by
İ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
Söyleyin, gerisini Turleno yapsın.
B2B seyahat platformu
Giriş yapın
İş e-postası
ad@sirket.com
Giriş bağlantısı gönderŞifre gerekmez. E-postanıza tek kullanımlık bir bağlantı göndeririz.
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.
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.
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
File
Contents
Use
turleno-wordmark.svg · -reverse · -navy · -white
The 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 · -round
Ana, Koyu, Açık and Yuvarlak. PNG exports at 256, 512 and 1024 px.
App icons, avatars, profile pictures.
turleno-poweredby.svg · -reverse.svg
Lockup, outlined, one unit. 2× PNGs for each.
Agency footers, vouchers, video end cards. Shipped pre-built in the agency co-brand pack.
The 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.
The wordmark is the kit SVG or a PNG exported from it, not retyped text. The icon is a kit file, never redrawn.
Brand colours are exactly Gece Lacivert #0B1F3A, Varış Mavisi #598CFF, Derin Mavi #1B3A6B and Krem #F4EFE6. The "o" is Varış Mavisi and nothing else.
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.
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.
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.
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.
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.
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.
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.
Contrast floors hold: text at least 4.5:1; control borders, focus rings and meaningful icons at least 3:1.
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.
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.
No planes, globes, suitcases, robots, sparkles, purple gradients or emoji anywhere.
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.
Every claim is on the "may claim" list in section 1; roadmap items are labelled as such and nothing says "coming soon".
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.
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.
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
Version
Date
Change
Approved by
2.1
1 Ekim 2026
Identity 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 unchanged
Burak Gazioğlu
2.0
30 Eylül 2026
Identity v2 from Marka Kimliği v1.0: new wordmark, ring app icon, four-colour palette, Poppins; every logo file offered for download; previous identity retired