Logos, colours and usage rules
Ready-made files for press, partners and designers writing about Kesinfiyat. Take the whole pack or pick individual files.
- --color-primary
- --color-secondary
- --color-surface-inverse
Four variants, two backgrounds
Pick the variant that suits the background. Use the SVG for print and large sizes.
Palette
The values are read from the product's own design tokens, so this page and the product cannot drift apart.
- --color-primary—
- --color-primary-hover—
- --color-primary-deep—
- --color-secondary—
- --color-surface—
- --color-surface-muted—
- --color-surface-subtle—
- --color-surface-inverse—
- --color-text—
- --color-text-muted—
- --color-text-subtle—
- --color-border—
- --color-success—
- --color-warning—
- --color-danger—
- --color-info—
The values shown are the light theme's. The product reuses the same tokens with different values in dark mode; treat the light values as the brand colours.
Inter
Headings and body share one family; weight and size do the work.
--font-sans: —
Where Inter is unavailable it falls back to the system font. Do not re-typeset the logo: it is an image asset, not a typeface.
- Progress billing and price adjustment400
- Progress billing and price adjustment500
- Progress billing and price adjustment600
- Progress billing and price adjustment700
Do and don't
A short list. If a use case is not covered, ask us and we will look at it together.
- Leave clear space around the logo at least as tall as its own "K".
- Choose the variant that contrasts with the background: navy on light, white on dark.
- Use the original files on this page rather than cropping a screenshot.
- Do not recolour the logo or apply gradients to it.
- Do not distort, skew or rotate it.
- Do not add shadows, outlines or glows.
- Do not rebuild the logo by setting the name in a typeface.