Opkip° · Brand system
← opkip.comOpkip
Everyday operations for your home and office.
Wordmark
Opkip
Mark
The Loop
Type
Plus Jakarta
Since
2026 · v1
01 · Essence
op (operations) + kip (upkeep).
The recurring upkeep that keeps a home or business running: water, gas, cleaning, laundry, set up once and delivered on a schedule by verified providers. Less a marketplace to check when something runs low, more a standing arrangement that quietly keeps everything going.
Personality
Dependable · calm · modern · plain-spoken
Promise
Recurring upkeep, handled
Location
Global
Identity
The Loop
An open ring, an “O” drawn as one continuous loop with a single gap. It signals continuity: the recurring rhythm at the heart of the product.
Primary · reversed · on dark
Clear space
Keep ≥ half the mark’s height clear on every side.
Min size
16px. Below that, use the tuned favicon SVG.
Never
Recolor, rotate, stretch, outline, or add shadow.
Palette
Color
Brand scale · indigo · click to copy
Accent · orange · sparingly
Semantic
Indigo carries the brand, orange accents, slate is the canvas, roughly 60 / 10 / 30. Reserve the gradient for brand moments; never tile it behind content.
Typography
Plus Jakarta Sans
Aa
Recurring upkeep, handled.
Body copy in regular weight: clear over clever, calm and concrete. Sentence case, always.
Mono · JetBrains Mono (codes, IDs)
Motion
Trace: the only logo animation
The loop draws itself on: a stroke reveal that ends as the open mark. Used for the mobile launch splash and the web loading screen.
No spin. No pulse. No alternative logo motion. General UI motion stays short (150–350ms), ease-out, and only ever communicates state.
Assets
Brand assets
Grab the logo. Use the gradient tile as the primary mark, and the plain loop where you need a transparent background, on dark or light. Keep the colors and proportions as they are.
Logo + wordmark
The full lockup. Wordmark outlined, so no font needed.
Logomark
Primary mark, gradient tile
Mark, for dark
White loop, transparent
Mark, for light
Gradient loop, transparent
Don’t recolor, rotate, stretch, or add effects to the mark.