Internal reference
Mitsui Ocean Cruises Style Guide
A living reference for the brand palette, typography, and the component patterns used on the homepage. This page is gated from search indexing and is not intended for public visitors.
色彩 | COLORS
Color palette
Official Guidelines Palette
書体 | TYPOGRAPHY
Typography
Adobe Caslon Pro (Regular, Semibold, and Bold) for Latin text. The site implements the openly licensed web equivalent Libre Caslon Text; Zen Old Mincho remains the Japanese-glyph fallback.
Implemented webfont stack
--font-heading: 'Libre Caslon Text', 'Zen Old Mincho', serif
--font-body: 'Libre Caslon Text', 'Zen Old Mincho', serif
Beautiful encounters with Japan
Welcome aboard MITSUI OCEAN CRUISES, a one-of-a-kind luxury cruise experience where every sailing delivers a truly genuine Japanese experience.
船旅 | FUNATABI
Brochure source
Adobe Caslon Pro Regular / Semibold / Bold
Licensed Adobe webfont; not bundled or self-hosted without an Adobe Fonts project or a separate webfont license.
A Journey of “Funatabi”
The web implementation preserves the brochure’s readable, literary Caslon character while remaining independently deployable.
船旅 | FUNATABI
Type scale in use
Beautiful encounters with Japan
Passages at sea
Autumn Equinox in Southern Shores
All 229 suites look at the water. Tatami hours, a tea bowl at dusk, and the coastline sliding by.
船旅 | Featured sailings
ロゴ | LOGO RULES
Logo guidelines
The brand logo must be applied according to the official September 2024 guidelines to maintain precision and consistency across digital and print applications.
1. Background Treatments
White background: Always use the primary blue logo (Symbol A-type).
Colored or Photo background: Must use the reversed-out solid white logo (Symbol B/C/D-types) to ensure high contrast.
2. Minimum Sizes
To preserve the fidelity of the interwoven wave mark and serif details, do not scale the logo below these thresholds:
- Symbol only: 8mm width
- Symbol + Logotype (Horizontal): 35mm width
- Symbol + Logotype (Vertical): 22mm width
3. Clear Space (Isolation Zone)
A mandatory margin of 1/4X (where X is the width of the symbol) must be maintained around all edges of the logo. No other text or UI elements may encroach on this space.
4. Prohibitions
Do not stretch or compress the logo's aspect ratio.
Do not apply drop shadows, outlines, or gradients.
Do not recolor the logo with unauthorized hex codes.
Do not partially delete or crop any portion of the waves.
Official Variants (Wix Media Manager)
Logo Variants CMS Collection (LogoVariants — 45 Synced Assets)
All 45 logo files from the Media Manager (About / Logos) are cataloged into the LogoVariants Wix CMS collection with their series, variant type, and color mode tags.
船旅 | COMPONENT
Sailing card
The cruise-card pattern used in Passages at sea. Image left, details right on desktop; stacks on mobile. Shows ship, nights, title, route, dates, a fare-aware price, a Request a Quote chat action, and an optional TravelJoy Reserve CTA.
寄港地 | COMPONENT
Port card
The Aman-style photo card used in Step ashore. A 4:3 photograph with a CMS-backed bilingual regional eyebrow, place name, concise description, and port-specific text link.
九州 | KYUSHU
Beppu
A city that breathes steam. Hell pools, seafood, and a harbor small enough for Fuji and Sakura.
Discover Beppu客室 | COMPONENT
Suites / interiors detail
The split-block pattern from Japan, through the window. Large interior photograph beside copy with an eyebrow, H2, gold rule, body text, and CTA link. On mobile it stacks image-first.

The suites
Japan, through the window
All 229 suites look at the water. Tatami hours, a tea bowl at dusk, and the coastline sliding by.
See the suitesホーム | MODULES
Homepage section summaries
A condensed visual index of every homepage module. Each card links directly to the live section on the homepage.
パンフレット | SOURCE
2027 brochure reference
Patterns extracted from the 19-page 2027 brochure: full-bleed destination photography, elegant serif display type, gold-accented sailing cards with route maps, and clean white content cards.










