Smjernice za brend

Teti
vizualni identitet.

Mali skup resursa, boja i pravila kako bi Teti ostao prepoznatljiv gdje god se pojavi. Koristite ih kada pišete o Tetiju, integrirate se s nama ili zajedno nešto gradite.

Logotip

Logotip s tekstom naš je primarni potpis. Ikona je rezervirana za kompaktne prostore — ikone aplikacija, favikone, avatare.

Logotip s tekstom — Svijetli

Za svijetle pozadine

SVG

Logotip s tekstom — Tamni

Za tamne pozadine

SVG

Ikona

Minimalna veličina 16px. Održavajte jasan prostor jednak ¼ visine ikone.

SVG

Činite

Koristite službene SVG datoteke u izvornom omjeru širine i visine.
Održavajte velik jasan prostor oko logotipa.
Koristite svijetli logotip s tekstom na tamnoj pozadini, tamni logotip s tekstom na svijetloj pozadini.
Osigurajte WCAG AA kontrast u odnosu na pozadinu.

Ne činite

Rastežite, rotirajte, mijenjajte boju ili dodajte efekte logotipu.
Ponovno kreirajte logotip s tekstom u drugom fontu.
Postavljajte logotip na pretrpane slike bez čvrste pozadine.
Koristite ikonu manju od 16px ili logotip s tekstom uži od 80px.

Boja

Teti plava je naš brend. Sve ostalo je neutralno. Gradijent od Teti plave do Teti neba rezerviran je za ikonu i mali broj brendiranih površina.

Teti gradijent · #1F3BB3 → #526CE0 · 135°

Teti Blue

Primarna

Logotip, primarne radnje, poveznice

HEX #1F3BB3

RGB 31, 59, 179

Teti Sky

Kraj gradijenta

Kraj gradijenta, akcenti, stanja lebdenja

HEX #526CE0

RGB 82, 108, 224

Ink

Prednji plan

Tekst tijela, naslovi na svijetloj pozadini

HEX #0A0A0A

RGB 10, 10, 10

Paper

Površina

Pozadina, prednji plan na tamnoj pozadini

HEX #FFFFFF

RGB 255, 255, 255

Slate 600

Prigušeno

Sekundarni tekst

HEX #475569

RGB 71, 85, 105

Slate 200

Granica

Razdjelnici, granice, površine

HEX #E2E8F0

RGB 226, 232, 240

Tipografija

Inter, kroz cijeli proizvod i površinu brenda. Usko praćenje na veličinama zaslona, zadano praćenje svugdje drugdje.

Prikaz · Inter Bold · tracking-tight

Misli slobodno.

Naslov · Inter Semibold

Izgrađeno s pažnjom, dizajnirano za čovječanstvo.

Tijelo · Inter Regular

Teti je AI asistent s trajnom memorijom. Pamti vaše projekte, vaš stil i vaš rad u tijeku — i nikada te detalje ne unosi u tuđi model.

Sustavna zamjena

system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif

Imenovanje

Nekoliko detalja koje je lako pogrešno shvatiti.

Proizvod

Teti

Tvrtka

TetiAI

Velika/mala slova logotipa

TetiAI — jedna riječ, dva velika slova

Nikada

Teti.ai · TETI · tetiAI · Teti A.I.

Gdje ga koristiti

Uobičajeni konteksti i što odabrati.

Digitalne površine

Web stranice, trgovine aplikacijama, društveni profili
Potpisi e-pošte i bilteni
Slajdovi, konferencijski natpisi, demonstracije proizvoda

Komunikacija

Medijsko praćenje i izvještavanje
Najave partnera i studije slučaja
Službene izjave tvrtke TetiAI

Trebate nešto drugo?

Za upite medija, prilagođene materijale ili zahtjeve za partnerstvo, javite nam se i poslat ćemo vam što trebate.

Kontaktirajte nas Pročitajte Povelju

← Povelja|O nama →

Logotip

Logotip s tekstom naš je primarni potpis. Ikona je rezervirana za kompaktne prostore — ikone aplikacija, favikone, avatare.

Logotip s tekstom — Svijetli

Za svijetle pozadine

SVG

Logotip s tekstom — Tamni

Za tamne pozadine

SVG

Ikona

Minimalna veličina 16px. Održavajte jasan prostor jednak ¼ visine ikone.

SVG

Činite

Koristite službene SVG datoteke u izvornom omjeru širine i visine.
Održavajte velik jasan prostor oko logotipa.
Koristite svijetli logotip s tekstom na tamnoj pozadini, tamni logotip s tekstom na svijetloj pozadini.
Osigurajte WCAG AA kontrast u odnosu na pozadinu.

Ne činite

Rastežite, rotirajte, mijenjajte boju ili dodajte efekte logotipu.
Ponovno kreirajte logotip s tekstom u drugom fontu.
Postavljajte logotip na pretrpane slike bez čvrste pozadine.
Koristite ikonu manju od 16px ili logotip s tekstom uži od 80px.

Boja

Teti plava je naš brend. Sve ostalo je neutralno. Gradijent od Teti plave do Teti neba rezerviran je za ikonu i mali broj brendiranih površina.

Teti gradijent · #1F3BB3 → #526CE0 · 135°

Teti Blue

Primarna

Logotip, primarne radnje, poveznice

HEX #1F3BB3

RGB 31, 59, 179

Teti Sky

Kraj gradijenta

Kraj gradijenta, akcenti, stanja lebdenja

HEX #526CE0

RGB 82, 108, 224

Ink

Prednji plan

Tekst tijela, naslovi na svijetloj pozadini

HEX #0A0A0A

RGB 10, 10, 10

Paper

Površina

Pozadina, prednji plan na tamnoj pozadini

HEX #FFFFFF

RGB 255, 255, 255

Slate 600

Prigušeno

Sekundarni tekst

HEX #475569

RGB 71, 85, 105

Slate 200

Granica

Razdjelnici, granice, površine

HEX #E2E8F0

RGB 226, 232, 240

Tipografija

Inter, kroz cijeli proizvod i površinu brenda. Usko praćenje na veličinama zaslona, zadano praćenje svugdje drugdje.

Prikaz · Inter Bold · tracking-tight

Misli slobodno.

Naslov · Inter Semibold

Izgrađeno s pažnjom, dizajnirano za čovječanstvo.

Tijelo · Inter Regular

Teti je AI asistent s trajnom memorijom. Pamti vaše projekte, vaš stil i vaš rad u tijeku — i nikada te detalje ne unosi u tuđi model.

Sustavna zamjena

system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif

Gdje ga koristiti

Uobičajeni konteksti i što odabrati.

Digitalne površine

Web stranice, trgovine aplikacijama, društveni profili
Potpisi e-pošte i bilteni
Slajdovi, konferencijski natpisi, demonstracije proizvoda

Komunikacija

Medijsko praćenje i izvještavanje
Najave partnera i studije slučaja
Službene izjave tvrtke TetiAI

Tetivizualni identitet.

Logotip

Činite

Ne činite

Boja

Teti Blue

Teti Sky

Ink

Paper

Slate 600

Slate 200

Tipografija

Imenovanje

Gdje ga koristiti

Digitalne površine

Komunikacija

Trebate nešto drugo?

Tetivizualni identitet.

Logotip

Činite

Ne činite

Boja

Teti Blue

Teti Sky

Ink

Paper

Slate 600

Slate 200

Tipografija

Imenovanje

Gdje ga koristiti

Digitalne površine

Komunikacija

Trebate nešto drugo?

Teti
vizualni identitet.

Teti
vizualni identitet.