Primary Teal
#00AABC
Comp design & assets
The rules behind the look.
A referenceable implementation of BMG’s approved color, type, grid, controls, brand assets, navigation, and signature functions.
01 · Color System
Use expressive teal and aqua for recognition. Use accessible teal for small copy and controls on white.
02 · Typography
Gibson is the licensed local family. The public runtime falls back to DM Sans and system sans until deployment rights are confirmed.
H1 · 84/84 · 600Lead generation that drives growth.
H2 · 64/72 · 600A predictable revenue engine.
H3 · 48/54 · 600Strategy built around outcomes.
H4 · 36/44 · 600Every channel has a job.
Body large · 22/29Clear introductory copy connects the business problem to the next useful action.
Body · 16/22Standard copy stays concise, concrete, and easy to scan.
03 · Spacing & Grid
A 12-column canvas, 36px desktop gutters, and an 8px rhythm keep page compositions airy and consistent.
123456789101112
8162432486496128
04 · Buttons & Links
Compact uppercase pills carry primary actions. Arrows identify navigation and move subtly on hover.
05 · Brand Assets
Always use the approved image files. Preserve the marlin, wordmark, clear space, aspect ratio, and contrast.
07 · Special Functions
Reserve gradients, glass, and reveal motion for moments that need depth or emphasis. Respect reduced-motion preferences.
Signature field
Ocean movement without visual noise.
Glass belongs on multicolor fields.
Use one translucent layer with a real information role—not a stack of decorative panels.