Brand Guidelines

Our brand is
an identity system.

Every pixel, every color and every word was chosen for one purpose: making trust visible. This guide is the record of those decisions.

This guide is not a rulebook; it's a signal flare. It exists to help Teknik Danışman look strong, consistent and authentic.

Logo

The four-diamond cube logo is the foundation of our brand. The cube form symbolizes engineering discipline and multi-dimensional thinking.

Logo — açık arka plan
Light background PNG · 512×512
Logo — koyu arka plan
Dark background SVG · vektör
Logo — marka rengi arka plan
On brand color SVG · beyaz versiyon
Logo wordmark Teknik
Danışman
Wordmark Mark + text together
Favicon
Favicon Rounded square · 64 px
Apple Touch
App icon Apple Touch · 180 px

Clear space

Leave at least ¼ of the logo's width as clear space around it. Do not crowd it with other elements.

logo clearzone demo Teknik Danışman
dashed = minimum clear space

Colors

Our color system has two axes: surface neutrals (light/dark mode) and one brand color #006AFF. Brand color is used only for accents and CTAs.

Brand Blue#006AFF
Brand Dark#0057D1
Brand Light#3D8EFF
Black#09090B
White#FAFAFA
Gray / Text#71717A
Border#E4E4E7
Success#22C55E
Error#EF4444
Warning#F59E0B
Brand gradient linear-gradient(135deg, #006AFF 0%, #3D8EFF 50%, #0057D1 100%)

Typography

All text is set in the Geist family. Geist Sans for interface and body copy, Geist Mono for code and technical values.

Sample Usage CSS
Heading Hero H1 48px / 800 / -0.04em
Section H2 28px / 700 / -0.02em
Lead text Lead / intro 18px / 400 / muted
Body copy. Every sentence short and clear. Body 14px / 400 / text
SECTION LABEL Label 11px / 600 / uppercase / +0.06em
Small note · helper text Helper 12px / 400 / muted
const brand = {
  name: "Teknik Danışman",
  color: "#006AFF",
  font: "Geist",
  mono: "Geist Mono",
  origin: "Türkiye"
};

Icons

Bootstrap Icons are used throughout the interface. 1800+ icons, consistent stroke weight and SVG size.

house
people
cpu
key
globe
server
credit-card
headset
person-gear
shield-lock
graph-up
calendar-check
envelope
bell
cloud-arrow-up
file-earmark-text
gear
search
chevron-right
plus
dash
x
check-circle
exclamation-triangle
info-circle
lock
box-arrow-right
pencil
trash
three-dots-vertical

Do's & Don'ts

Follow these rules to maintain a consistent brand experience.

Do
  • Use the logo in original blue (#006AFF), black or white.
  • Respect the clearzone (¼ logo width).
  • Use Geist Sans and Geist Mono.
  • Always use text at sufficient contrast ratio (WCAG AA).
  • Only pick icons from the Bootstrap Icons set.
Don't
  • Do not rotate, skew or distort the logo.
  • Do not place the logo on a similarly toned color.
  • Do not color text with raw hex instead of CSS variables.
  • Use icons functionally, not decoratively; add aria-label for icon-only usage.
  • Do not mix multiple icon weight styles.

Voice & Tone

Teknik Danışman speaks like a person, not a corporation. Clear, sincere, but always professional.

Clear

No jargon, plain sentence. The customer should not have to work to understand.

Sincere

Promise real value. No hyperbole or empty marketing speak.

Reliable

Be consistent; do what you say. Trust is built in every interaction.

Downloads

Approved brand assets. Read this guide before using.

Logo — SVG (white) For dark backgrounds
Logo — PNG 512px For light backgrounds
Logo — PNG 512px (white) For dark backgrounds
Favicon — PNG 64px Browser tab icon

Have a question?

Write to us about brand usage or licensing.

admin@teknikdanisman.net