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

Brand-fact note: The official Mitsui brand palette strictly follows the September 2024 Logo Guidelines (PANTONE 2935C Blue, PANTONE 871C Gold, PANTONE 877C Silver, Navy, Black, White) with Brand Gold Light as an authorized accent.

Official Guidelines Palette

Brand primary --brand-primary #005396

PANTONE 2935C. Official Mitsui blue for primary CTAs and key brand chrome

Brand navy --brand-navy #003366

Dark brand blue for footers, drawer headers, dark panels

Brand gold --brand-gold #A38B51

PANTONE 871C. Rule lines, accents, badges, eyebrows

Brand silver --brand-silver #C9CACA

PANTONE 877C. Sub-color for secondary borders, dividers

Brand gold light (Authorized Accent) --brand-gold-light #E5DCC4

Light gold highlights on dark surfaces and hero sub-text

Brand text (Black) --brand-text #000000

Body text, headings

Brand surface (White) --brand-surface #FFFFFF

Page background, cards, clean sections

書体 | TYPOGRAPHY

Typography

Brand-fact note: The 2027 brochure embeds 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

Hero H1 · clamp(48px, 6vw, 82px)

Beautiful encounters with Japan

Section H2 · clamp(30px, 3vw, 36px)

Passages at sea

Card H3 · 20–29px

Autumn Equinox in Southern Shores

Body · 15–17px / line-height 1.6–1.8

All 229 suites look at the water. Tatami hours, a tea bowl at dusk, and the coastline sliding by.

Eyebrow · 11px / letter-spacing .3em / uppercase

船旅 | 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)

Type A
Type A (Blue on White) logo_MOC_01_A.png

Standard logo for pure white backgrounds.

Type B
Type B (Blue on Photo) logo_MOC_01_B.png

Standard logo with opaque waves for photos/colors.

Type C
Type C (Solid White) logo_MOC_01_C.png

White circle, transparent waves.

Type D
Type D (Outline) logo_MOC_01_D.png

White waves, no circle.

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.

img-headerLogo.svg
img-headerLogo.svg
Series: Misc Type: img-headerLogo.svg Unknown
logo_MOC_01_A.png
logo_MOC_01_A.png
Series: 01 Type: A Full
logo_MOC_01_B.png
logo_MOC_01_B.png
Series: 01 Type: B Full
logo_MOC_01_C.png
logo_MOC_01_C.png
Series: 01 Type: C Full
logo_MOC_01_D.png
logo_MOC_01_D.png
Series: 01 Type: D Full
logo_MOC_02_BK.png
logo_MOC_02_BK.png
Series: 02 Type: BK BK
logo_MOC_02_WH.png
logo_MOC_02_WH.png
Series: 02 Type: WH WH
logo_MOC_03_BK.png
logo_MOC_03_BK.png
Series: 03 Type: BK BK
logo_MOC_03_WH.png
logo_MOC_03_WH.png
Series: 03 Type: WH WH
logo_MOC_04_BK.png
logo_MOC_04_BK.png
Series: 04 Type: BK BK
logo_MOC_04_WH.png
logo_MOC_04_WH.png
Series: 04 Type: WH WH
logo_MOC_05_BK.png
logo_MOC_05_BK.png
Series: 05 Type: BK BK
logo_MOC_05_WH.png
logo_MOC_05_WH.png
Series: 05 Type: WH WH
logo_MOC_06_BK.png
logo_MOC_06_BK.png
Series: 06 Type: BK BK
logo_MOC_06_WH.png
logo_MOC_06_WH.png
Series: 06 Type: WH WH
logo_MOC_07_A.png
logo_MOC_07_A.png
Series: 07 Type: A Full
logo_MOC_07_B.png
logo_MOC_07_B.png
Series: 07 Type: B Full
logo_MOC_07_C.png
logo_MOC_07_C.png
Series: 07 Type: C Full
logo_MOC_07_D.png
logo_MOC_07_D.png
Series: 07 Type: D Full
logo_MOC_08_A.png
logo_MOC_08_A.png
Series: 08 Type: A Full
logo_MOC_08_B.png
logo_MOC_08_B.png
Series: 08 Type: B Full
logo_MOC_08_C.png
logo_MOC_08_C.png
Series: 08 Type: C Full
logo_MOC_08_D.png
logo_MOC_08_D.png
Series: 08 Type: D Full
logo_MOC_09_A.png
logo_MOC_09_A.png
Series: 09 Type: A Full
logo_MOC_09_B.png
logo_MOC_09_B.png
Series: 09 Type: B Full
logo_MOC_09_C.png
logo_MOC_09_C.png
Series: 09 Type: C Full
logo_MOC_09_D.png
logo_MOC_09_D.png
Series: 09 Type: D Full
logo_MOC_10_A.png
logo_MOC_10_A.png
Series: 10 Type: A Full
logo_MOC_10_B.png
logo_MOC_10_B.png
Series: 10 Type: B Full
logo_MOC_10_C.png
logo_MOC_10_C.png
Series: 10 Type: C Full
logo_MOC_10_D.png
logo_MOC_10_D.png
Series: 10 Type: D Full
logo_MOC_11_A.png
logo_MOC_11_A.png
Series: 11 Type: A Full
logo_MOC_11_B.png
logo_MOC_11_B.png
Series: 11 Type: B Full
logo_MOC_11_C.png
logo_MOC_11_C.png
Series: 11 Type: C Full
logo_MOC_11_D.png
logo_MOC_11_D.png
Series: 11 Type: D Full
logo_MOC_12_A.png
logo_MOC_12_A.png
Series: 12 Type: A Full
logo_MOC_12_B.png
logo_MOC_12_B.png
Series: 12 Type: B Full
logo_MOC_12_C.png
logo_MOC_12_C.png
Series: 12 Type: C Full
logo_MOC_12_D.png
logo_MOC_12_D.png
Series: 12 Type: D Full
logo_MOC_13_A.png
logo_MOC_13_A.png
Series: 13 Type: A Full
logo_MOC_13_B.png
logo_MOC_13_B.png
Series: 13 Type: B Full
logo_MOC_13_C.png
logo_MOC_13_C.png
Series: 13 Type: C Full
logo_MOC_13_D.png
logo_MOC_13_D.png
Series: 13 Type: D Full
logo_MOC_black.png
logo_MOC_black.png
Series: Misc Type: black BK
logo_MOC_white.png
logo_MOC_white.png
Series: Misc Type: white WH

船旅 | 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.

Autumn Equinox in Southern Shores

フジ | FUJI · 8 NIGHTS

Autumn Equinox in Southern Shores

Sep 19 – Sep 27, 2026

Kobe›Hakata›Busan›Nagasaki Round trip from Kobe

寄港地 | 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.

Beppu

九州 | 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.

Mitsui Ocean Suite interior

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.

2027 brochure cover
Cover — Mitsui blue mark, serif logotype, seasonal photography grid
2027 brochure introduction spread
Introduction — large gold headline over ship photography, index with gold page numbers
2027 brochure sailing cards
Sailing cards — route map, nights pill, serif title, paragraph description, gold callout
2027 brochure dining spread
Dining — full-bleed interior photo with reversed type, caption-led grid