Identity and usage guide
Mark · Symbol · Color · Use
Vector (SVG) · scales losslessly
IMPORTX is set as a single logotype. The X carries the identity: it opens into a chevron pointing forward and reads as movement across a border — goods in transit, not goods held up. The other letters stay quiet and structural so the X can speak.
The mark is delivered as vector artwork on a transparent background. It has no fixed size and no built-in background, so it can sit on any surface and scale with no loss of quality.
The X lifts cleanly out of the logotype and works on its own as an app icon, favicon, social avatar or stamp. Use it wherever the full logotype would be too small to read: below the minimum width in section 06, reach for the symbol instead of shrinking the mark.
Each X is built from two tones: a deeper chevron and a brighter pair of tips. The tips sit about fifteen degrees of hue toward the warmer, brighter side of the chevron, giving the X depth and a sense of direction without introducing a second brand color.
Each version is delivered in two builds. The light build carries near-black letters for pale surfaces; the dark build inverts them to white for dark surfaces. The X keeps its color in both, so the identity holds wherever it appears.
The seven letters share a single cap line and a single baseline, and every edge that should be level or plumb is exactly that. Keep a clear space of at least half the height of the mark on all four sides, marked below with a dotted line. Nothing — type, image edges, rules or the trim of the page — should enter that field.
Below 120 px wide on screen, or 30 mm in print, the counters of the O, P and R begin to close up and the mark loses clarity. Use the symbol from section 02 instead.
The mark's proportions, color and spacing are fixed. These are the five ways it most often gets broken.
Eight SVG files. SVG is vector artwork — drawn with mathematical curves instead of pixels, so a single file stays perfectly sharp at any size, from a favicon to a building sign. All are transparent; pick the light or dark build to suit the surface. Set the width and margin you want below and each file downloads at those exact measurements.
Set the width and margin you want with your keyboard.
For reference, the mark being replaced, next to the one this document specifies.
The previous logo asked a single piece of art to carry a ship, a warehouse, a gate, a badge and a tagline. Five things competing for attention at any size — and at the size a logo is actually seen, in a browser tab or the corner of an invoice, none survive. The new mark carries the name and nothing else, so it reads at a glance and stays the same mark everywhere.
The tagline it carried, We connect your business to the world, works better as live text beside the mark than embedded in it: that way it can be translated, resized or dropped without anyone needing a new file.
The same page, at the same scroll position, with each mark in the header.
The two aren’t shown at the same height, and that’s deliberate. The new logo runs at the header’s own 24 px. The old one is given 50 px, because at 24 there isn’t enough of it left to discuss. Even at double the height, it asks the eye to resolve a ship, a warehouse, a gate and a badge in the corner of a page — where the new mark asks it to read a word.
IMPORTX — logo presentation. Artwork delivered as vector SVG on a transparent background. Designed by Fragatta.com.