Brand system 1.0
Brand assets
Logos, icons, colors, fonts and templates for writing about or working with International Orders. Every file is a production master from our brand kit.
Logos
Use the horizontal lockup as the default signature. Use the stacked logo in narrow layouts and the monogram for app icons. Primary logos go on light backgrounds, inverted logos on dark.
Horizontal
Downloads for the Horizontal logo Variant Formats PrimaryLight backgrounds SVG: Horizontal, PrimaryPNG: Horizontal, PrimaryPDF: Horizontal, Primary InvertedDark backgrounds SVG: Horizontal, InvertedPNG: Horizontal, InvertedPDF: Horizontal, Inverted BlackOne-color, light SVG: Horizontal, BlackPNG: Horizontal, BlackPDF: Horizontal, Black WhiteOne-color, dark SVG: Horizontal, WhitePNG: Horizontal, WhitePDF: Horizontal, White On ivoryWith ivory background SVG: Horizontal, On ivoryPNG: Horizontal, On ivoryPDF: Horizontal, On ivory On navyWith navy background SVG: Horizontal, On navyPNG: Horizontal, On navyPDF: Horizontal, On navy Stacked
Downloads for the Stacked logo Variant Formats PrimaryLight backgrounds SVG: Stacked, PrimaryPNG: Stacked, PrimaryPDF: Stacked, Primary InvertedDark backgrounds SVG: Stacked, InvertedPNG: Stacked, InvertedPDF: Stacked, Inverted BlackOne-color, light SVG: Stacked, BlackPNG: Stacked, BlackPDF: Stacked, Black WhiteOne-color, dark SVG: Stacked, WhitePNG: Stacked, WhitePDF: Stacked, White On ivoryWith ivory background SVG: Stacked, On ivoryPNG: Stacked, On ivoryPDF: Stacked, On ivory On navyWith navy background SVG: Stacked, On navyPNG: Stacked, On navyPDF: Stacked, On navy 
Wordmark
Downloads for the Wordmark logo Variant Formats PrimaryLight backgrounds SVG: Wordmark, PrimaryPNG: Wordmark, PrimaryPDF: Wordmark, Primary InvertedDark backgrounds SVG: Wordmark, InvertedPNG: Wordmark, InvertedPDF: Wordmark, Inverted BlackOne-color, light SVG: Wordmark, BlackPNG: Wordmark, BlackPDF: Wordmark, Black WhiteOne-color, dark SVG: Wordmark, WhitePNG: Wordmark, WhitePDF: Wordmark, White On ivoryWith ivory background SVG: Wordmark, On ivoryPNG: Wordmark, On ivoryPDF: Wordmark, On ivory On navyWith navy background SVG: Wordmark, On navyPNG: Wordmark, On navyPDF: Wordmark, On navy 
Monogram
Downloads for the Monogram logo Variant Formats PrimaryLight backgrounds SVG: Monogram, PrimaryPNG: Monogram, PrimaryPDF: Monogram, Primary InvertedDark backgrounds SVG: Monogram, InvertedPNG: Monogram, InvertedPDF: Monogram, Inverted BlackOne-color, light SVG: Monogram, BlackPNG: Monogram, BlackPDF: Monogram, Black WhiteOne-color, dark SVG: Monogram, WhitePNG: Monogram, WhitePDF: Monogram, White On ivoryWith ivory background SVG: Monogram, On ivoryPNG: Monogram, On ivoryPDF: Monogram, On ivory On navyWith navy background SVG: Monogram, On navyPNG: Monogram, On navyPDF: Monogram, On navy
Using the logo
The orange dot provides recognition. The open ring suggests movement.
- Clear space: at least one orange-dot diameter on all sides.
- Minimum widths: horizontal 180 px (45 mm), stacked 120 px (30 mm).
- Monogram minimum: 24 px (6 mm). Use the supplied favicon at 16 px.
- For dark backgrounds use the inverted logo; for one-color output use white.
Don't
- Stretch or rotate the logo.
- Add shadows, outlines or other effects.
- Close the ring or alter the spacing.
- Rebuild the logo from the concept images; use the masters.
Color
Lead with ink and paper and use orange as the primary accent. Teal and saffron support patterns, charts and selective highlights. Use ink text on orange buttons and avoid small white text on orange.
Ink
#0E1A2B
--io-ink
Primary text and dark surfaces
Paper
#F6F2EA
--io-paper
Primary light surface
Signal
#FF6B3D
--io-signal
Primary accent
Lagoon
#0F8B8D
--io-lagoon
Patterns, charts, highlights
Saffron
#F2B33D
--io-saffron
Patterns, charts, highlights
Colors are sRGB. Ask your printer to convert them with its press profile.
Typography
Bricolage Grotesque Bold for display, Inter Regular and Semibold for text. Logo files use outlined paths and need no fonts. Both families are licensed under the SIL Open Font License.
Bricolage Grotesque
Sell anywhere. Settle like a local.
Weights: Bold
Inter
International Orders brings cross-border payments, foreign exchange, duties and payouts into one order flow.
Weights: Regular, Semibold
App and web icons
Use dark icons on light surfaces and light icons on dark surfaces. Keep app icons square; operating systems apply their own corner masks.
Favicon
Apple touch icon
Dark app icon
Sizes in pixels
Light app icon
Sizes in pixels
Android and PWA
Social and media
Export templates for profiles, posts and link previews. Check the destination's crop before posting.
Print, patterns and copy
Business cards are 3.5 × 2 in with 0.125 in bleed on every edge. Letterheads come in A4 and US Letter. Replace the bracketed name and title in the email signature before use.
Route pattern
Business card
Letterhead
Email signature
Boilerplate and descriptions
Voice
Use sentence case, short statements and direct action labels. Describe the product clearly and avoid unsupported reach or performance claims.
- Approved tagline
- Sell anywhere. Settle like a local.
- Preferred actions
- Start building · Talk to our team · Read the docs
- Boilerplate
- International Orders is a software platform for cross-border commerce. It brings payments, foreign exchange, duties and payouts into a connected order flow, helping businesses manage international transactions from checkout to settlement.