Tailored brand direction, not a standardized framework.
Case MA · Marine Bach
Paper
#F6F5F1
Panel
#ECE9E1
Greige Line
#C9C3B7
Slate Soft
#5A6678
Axis Navy
#222E48
Ink Navy
#19223A
A custom wordmark leads. The axis line sets the visual standard.
Marine holds the stillness of the ocean; Bach carries the movement of a stream. Their meeting point becomes a line.
Image language · horizon
The waterline as visual structure
Primary
Full
Secondary
Editorial
Submark / favicon
Reference
Logo forms
Logo structures are selected to align with each project’s context, purpose, and application.
Chosen
Wordmark
Support
Lettermark
Declined
Pictorial Mark
Support
Abstract Mark
Reference
Emblem
Declined
Character Mark
M-bLogo in motion & pattern
Clear motion that shows the brand's personality and values.
Marine Bach. Align brand intention.
M-c · Typography
Each typeface has a defined role.
Spectral · Eyebrow
Brand Direction · Visual Identity
Marine Bach Display · Headline
Cormorant Garamond · Subhead
Logo, colour, typography, pattern, motion, and application standards.
Spectral · Body
The display face holds the headline, the serif balances the system, and the body face supports long-form readability.
Cormorant Garamond · Button
Start an enquiry
Spectral · Caption
Figure 01 — type hierarchy in use
The three faces in one working structure.
Marine Bach Display Customisation available
Display · headlines & covers
A custom typographic approach was applied to support the logo and visual system. Depending on the scope of the project, this may extend into bespoke lettering or the development of a functional custom typeface.
Aa
Cormorant Garamond
Display support · titles & pull-quotes
Align brand intention
A B C D E F G H I J K L M N O P Q R S T U V W X Y Za b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9. , : ; - – — / & ( ) ! ? ~ + = _ ‘ ’ “ ” @ # $ % * [ ] { } |
The working display companion. It carries titles and quotes where the custom face is not yet set.
Aa
Spectral
Body · running text & captions
Align brand intention
A B C D E F G H I J K L M N O P Q R S T U V W X Y Za b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9. , : ; - – — / & ( ) ! ? ~ + = _ ‘ ’ “ ” @ # $ % * [ ] { } |
The body face keeps the page readable.
M-c2Standards in use
Small changes in typography, spacing, colour, contrast, and logo use can change how a brand is read. These examples show why visual guidelines are part of the identity system, not an afterthought.
×
Visual identity system
✓
Visual identity system
Typography changes tone.
×
Visual identity system
✓
Visual identity system
Spacing changes precision.
×
Visual identity system
✓
Visual identity system
Contrast changes usability.
In client work, this becomes a practical guideline section: type roles, spacing rules, contrast checks, logo use, source references, and handover notes.
Project Scope
Files, standards, and handover notes prepared according to scope.
Brand Board
A system board that brings logo, colour, typography, pattern, and visual standards into one view.
Brand Guide Document
A reference document covering brand direction, logo use, visual standards, application rules, and delivery notes.
Logo Set
Primary logo, secondary logo, submark, and favicon prepared in the required vector and image formats.
Brand Concept Film (5–10s)
A moving identity piece for use across website, social, opening, and related brand moments.
Typography and Colour System
Type direction, palette values, contrast standards, hierarchy, and basic usage rules.
Pattern Set
Graphic elements for light backgrounds, dark backgrounds, spacing-led use, and applied use.
Custom Display Lettering
Custom typographic direction for wordmark, headline, cover, and selected brand material. When needed, this may begin as lettering direction and extend into a separate font file development stage.
Usage Standards and Source Record
An application guide including file organisation, usage scope, source records, and licensing notes.