Skip to content
Blog Ocean
Pillar Page
    Quick Links
    BUY THEME
    BEST OVERALL THEME
     

    ocean_pro

    TEMPLATES

    TEMPLATES

    BUILT TO HELP YOU GROW, WITH AWESOME SPEED

    ocean_page_speed

    GTmetrix (JAN 22 2022)

    gtmetrix_2023 (1)

     

    PREVIEWS

    MORE...

    MEGA MENU

    Ocean

    Style Guide

    Ocean Guide Style

    Colors

    Primary#0a2540
    Secondary#196DB6
    Background#ffffff
    Accent 1#2A7DF4
    Accent 2#1161D5
    Accent 3#f1f7fc

    Typography

    Primary FontSource Sans Pro
    Primary Font
    Secondary FontSource Sans Pro
    Secondary Font
    Test Styles
    H1 Hero Font: Source Sans Pro | Color: #FFF | Size: 65px | 700
    H1 Heading Font: Source Sans Pro | Color: | Size: 48px | 700
    H2 Heading Font: Source Sans Pro | Color: #196DB6 | Size: 39px | 300
    H3 Heading Font: Source Sans Pro | Color: #196DB6 | Size: 30px | 600
    H4 Heading Font: Source Sans Pro | Color: #196DB6 | Size: 25px | 600
    H5 Heading Font: Source Sans Pro | Color: #196DB6 | Size: 20px | 600
    H6 Heading Font: Source Sans Pro | Color: #196DB6 | Size: 16px | 600
    Paragraph, links and links

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nibh sem, tincidunt in odio nec, vehicula malesuada velit. Suspendisse convallis, orci in ornare laoreet, orci odio mollis quam, et laoreet tellus dui id erat. Mauris non diam eu leo volutpat accumsan.

    Quisque lacus ex, auctor nec egestas in, hendrerit vel lectus. Mauris quis enim pellentesque, gravida augue ac, varius neque.

    • Praesent non lacus rhoncus, tempus tellus ut, placerat nisl.
    • Sed vitae nibh cursus, condimentum est eu, tincidunt felis.
    • Nullam posuere metus eu neque pretium sollicitudin.
    • Vivamus facilisis nisi sed varius aliquam.
    • Aliquam et felis at sem bibendum dictum.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

    Color Scheme

    Dark

    Text modules don’t have to be simple, you can add personality to them without this being a problem.

    All blocks are customizable, add, change and choose the best for your brand.

    pexels-mikhail-nilov-8322997

    Light

    Text modules don’t have to be simple, you can add personality to them without this being a problem.

    All blocks are customizable, add, change and choose the best for your brand.

    pexels-mikhail-nilov-8322997

    Corners

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae.

    Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras. Mauris ultrices eros in cursus turpis massa tincidunt dui ut. Elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at augue. Sociis natoque penatibus et magnis dis parturient.

    Nibh tellus molestie nunc non blandit massa. A condimentum vitae sapien pellentesque habitant morbi.

    Mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Ut placerat orci nulla pellentesque dignissim enim. Donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum. Pharetra magna ac placerat vestibulum lectus mauris ultrices eros.

    Main Image

    Button Styles and Form elements

    Button Styles
    PrimaryLarge
    Learn more
    .button .button--large
    Primary HoverLarge
    Learn more
    PrimaryRegular
    Learn more
    .button .button--large
    Primary HoverRegular
    Learn more
    PrimarySmall
    Learn more
    .button .button--small
    Primary HoverSmall
    Learn more
    SecondaryLarge
    Learn more
    .button .button--large
    Secondary HoverLarge
    Learn more
    .button .button--secondary .button--large
    SecondaryRegular
    Learn more
    .button .button--large
    Secondary HoverRegular
    Learn more
    .button .button--secondary
    SecondarySmall
    Learn more
    .button .button--small
    Secondary HoverSmall
    Learn more
    .button .button--secondary .button--small
    Inputs

    Ocean is committed to protecting and respecting your privacy, and we’ll only use your personal information to administer your account and to provide the products and services you requested from us. From time to time, we would like to contact you about our products and services, as well as other content that may be of interest to you. If you consent to us contacting you for this purpose, please tick below to say how you would like us to contact you:

     
    •  You can unsubscribe from these communications at any time. For more information on how to unsubscribe, our privacy practices, and how we are committed to protecting and respecting your privacy, please review our Privacy Policy.