01Identity
The Tayfcet identity.
Logo, colour, type, icons, motion and sound on one page. Scroll and they start moving.
Token version 1.2.0 · 11 October 2026
02The story of the logo
Where the logo comes from.
Light, a prism, a grid. Scroll and it tells you, chapter by chapter.
01 / 14
White light.
White light carries every colour but does not show them.
02 / 14
The prism.
A prism opens the light. Its cross-section is the logo's basic shape.
03 / 14
Tayf.
Light through a prism splits into its colours. In Turkish that is called tayf. Tayfun starts with the same four letters.
#D7E55F#89D8B4#65B8DA#798DCB
04 / 14
The grid.
Every part of the logo sits on the same grid. Equal sides, 60 degree angles. Motion has three directions: 0°, 60° and 120°.
Half-step H · side 2H · row H·√3 · width 10H · height 3 rows
05 / 14
Nineteen pieces.
The logo is built from nineteen pieces. Not one more, not one less.
06 / 14
First, the T.
A roof on top, a stem sliding down at 60 degrees.
07 / 14
Then the A.
Its left leg is the T's stem. Two letters running through the same cells.
08 / 14
The counter.
The inside of the A is empty: the prism stood there and the light went through.
09 / 14
Then the Y.
Two arms either side of the notch at the top. They meet in the middle and run down.
10 / 14
The F, far right.
The T's sibling: same roof, same sliding stem, one extra arm.
11 / 14
Then the U.
A wide bowl: a left arm, a base, a right arm. Open at the top.
12 / 14
And the N.
The T's stem on the left, the F's on the right, a diagonal in between.
13 / 14
TAYFUN.
Six letters side by side: tayf, then Tayfun. They share cells, so the mark stays in one piece.
14 / 14
And that is the logo.
Light, prism and grid meet in one shape. That is the Tayfcet logo.
03Tayfcet logo
The Tayfcet logo.
It sits on an equilateral grid. Hover it, click it, watch it build itself again.
Under the pointer the cells move away. Click or press Enter: the logo gathers in and builds itself again.
- 19 equilateral cells
- Edge angle 60°
- Width 10H · height 3 rows
- The A's counter is the hidden play button: the logo gathers into that triangle
043D
Turn it around.
Drag it, let go; it soon turns back to face you. The arrow keys turn it too.
Drag · arrow keys · Home
05Lockups
The lockup crew.
Stacked, horizontal and @tayfcets. They turn into each other and always land on tayfcet. tayfcets and tayfcet studios only show up inside the animation.
Hero, covers, video ends. The last frame of the logo sting.
06Colourways
The colourway crew.
The colour logo goes on white or mint-white. Need one colour? Light tayf blue or tayf mint, white on the gradient. No dark grounds.
01 / 04
Colour · white ground
The default. Mint-white works too.
02 / 04
Tayf blue · mint-white ground #65B8DA
The first pick when one colour is needed.
03 / 04
Tayf mint · large sizes #84D3B9
The second one colour. Mark at least 96 px.
04 / 04
White · logo gradient
On the mint-to-blue half of the gradient; lime stays in the corner.
- DefaultThe colour version on white or mint-white. Light tayf blue when one colour is needed.
- White versionOn the mint-to-blue half of the logo gradient; lime stays in the corner. Over a photo only on a calm area.
- Space and sizeOne cell of clear space. On screen the mark is at least 64 px, in print 15 mm; tayf mint at least 96 px.
- NeverA name or a job title under the logo, outlined letters, a stretched or redrawn mark.
07Colour
Colours.
Grounds are white or mint-white, text is tayf ink, buttons are dark tayf blue.
One gradient. Lime to lavender, always left to right. The same four colours on the logo, the word, the ground and the hairline.
Main colours
Scales
08Typography
The font crew.
Gabarito for headings, Figtree for text, JetBrains Mono for labels, Caveat for a single word. All four are open licensed; text stays live, never outlined.
It gets heavier as you scroll; set it with the slider too.
-
Headings in Gabarito.
Aa Bb Çç Ğğ Iı İi Öö Şş Üü 0123456789
-
Body text runs between 17 and 18 pixels on a 1.6 line height. Easy over long reading, crisp in the interface.
Aa Bb Çç Ğğ Iı İi Öö Şş Üü 0123456789
-
02 · LOGO #00445A 420 ms
-
tayfcet