Logo explanation
kulanz exists to carry everyday commerce — sales and payments — into books people can trust. The logo tells that story in one line: momentum on the left, a calm name on the right, both moving toward the same finish.
Mark
The lime mark is the forward push — activity leaving the counter and landing where finance can work with it. It should feel decisive and spare: one confident color, one clear direction.
Wordmark
kulanz stays lowercase and steady — the human voice after the motion settles. In brand materials it is set in New Science Medium; in product UI the app keeps its own display typeface.
Lockup
Together they read as a single signature: the mark leads, the name follows, with the spacing and rhythm fixed in the design file. Treat the pair as one identity wherever the brand is visible.
Mark
Lockup
Purpose lockup
kulanz
Wordmark typeface: New Science Medium (design source). Lockup previews above use outlined paths from that design — not live text.
- Use the mark with clear space around all sides (at least one mark stroke width).
- Prefer solid fills on clean backgrounds; avoid gradients, outlines, or shadows on the mark.
- Do not stretch, rotate, recolor per shape, or crop the symbol.
- When possible, pair with the lowercase wordmark: kulanz.
Logo color system
The mark uses a single lime fill per theme via --logo-mark (aligned with --brand-primary): deeper on light UI, brighter on dark UI.
Light theme
#b3db06
Token: --logo-mark
Dark theme
#d6f358
Token: --logo-mark
Light sample
Dark sample
For monochrome usage (printing, stamping, low-fidelity exports), use a single-color version only: either 100% dark ink on light surfaces or 100% white on dark surfaces.
How to use the lockup
- Use mark-only for compact UI placements (favicon-like contexts, compact nav, icon chips).
- Use mark + wordmark for headers, footers, and brand-forward surfaces where identity should be explicit.
- Keep minimum clear space around the full lockup equal to at least the height of the first letter in the wordmark.
- Maintain aspect ratio; scale proportionally and avoid visual effects that alter silhouette clarity.
Light mode guidance
On light backgrounds, use the lime mark on white or near-white surfaces. Prefer subtle containers (soft border, low-contrast tint) only when needed to separate from busy content.
- Recommended surfaces: `--surface-strong`, `--sand`, plain white.
- Avoid placing the mark over saturated brand gradients or noisy illustrations.
Dark mode guidance
On dark backgrounds, place the logo inside a slightly lifted neutral container so the lime edge stays crisp at small sizes.
- Recommended surfaces: `--surface`, `--surface-strong` with a subtle border.
- If contrast drops in tiny contexts, use a single-color white monochrome fallback.