--- title: Style Guide --- [Skip to content](https://www.sone.com/style-guide#main-content) [![S-One_WhiteLogo_07-24-24_01](https://www.sone.com/hs-fs/hubfs/S-One_WhiteLogo_07-24-24_01.png?width=268&height=100&name=S-One_WhiteLogo_07-24-24_01.png) ![S-One_WhiteLogo_07-24-24_01](https://www.sone.com/hs-fs/hubfs/S-One_WhiteLogo_07-24-24_01.png?width=268&height=100&name=S-One_WhiteLogo_07-24-24_01.png)](https://www.sone.com/home-new?hsLang=en) - About Show submenu for About - [About S-One](https://www.sone.com/about-us) - [Partnerships](https://www.sone.com/partnerships) - [Sustainability](https://www.sone.com/sustainability-in-action) - [Culture](https://www.sone.com/culture) - [Careers](https://www.sone.com/careers) - [Contact](https://www.sone.com/contact-us) - [News](https://www.sone.com/events) - About Show submenu for About - [About S-One](https://www.sone.com/about-us) - [Partnerships](https://www.sone.com/partnerships) - [Sustainability](https://www.sone.com/sustainability-in-action) - [Culture](https://www.sone.com/culture) - [Careers](https://www.sone.com/careers) - [Contact](https://www.sone.com/contact-us) - [News](https://www.sone.com/events) Open main navigation Close main navigation Open search Close search Search Ocean # Style Guide ![Ocean Guide Style](https://www.sone.com/hubfs/raw_assets/public/@marketplace/Media_Source/Ocean_Pro/images/ocean_cards/Ocean_GuideStyle.svg) Primary#002855 Secondary#00B7FF Background#ffffff Accent 1#A50034 Accent 2#D9D9D6 Accent 3#000000 ## Typography Primary FontAlexandria Primary Font Secondary FontAlexandria Secondary Font Test Styles H1 Hero Font: Alexandria | Color: #FFF | Size: 56px | normal H1 Heading Font: Alexandria | Color: | Size: 52px | normal H2 Heading Font: Alexandria | Color: #000000 | Size: 39px | 300 H3 Heading Font: Alexandria | Color: #000000 | Size: 30px | normal H4 Heading Font: Alexandria | Color: #000000 | Size: 25px | normal H5 Heading Font: Alexandria | Color: #000000 | Size: 20px | normal H6 Heading Font: Alexandria | Color: #FFFFFF | Size: 16px | normal Paragraph, list and more 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](https://20543690.fs1.hubspotusercontent-na1.net/hub/20543690/hubfs/ocean/images/pexels-mikhail-nilov-8322997.jpg?width=855&name=pexels-mikhail-nilov-8322997.jpg) ### 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](https://20543690.fs1.hubspotusercontent-na1.net/hub/20543690/hubfs/ocean/images/pexels-mikhail-nilov-8322997.jpg?width=855&name=pexels-mikhail-nilov-8322997.jpg) ## 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](https://1556449.fs1.hubspotusercontent-na1.net/hubfs/1556449/Ocean/images/Ocean_Image_Main.webp) 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 First name\* Last name Email\* Who made the purchase? Please SelectPartnerClient Event - Going - Interested - Can't Media Source 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: - I agree to receive other communications from Media Source. In order to provide you the content requested, we need to store and process your personal data. If you consent to us storing your personal data for this purpose, please tick the checkbox below. - I agree to allow Media Source to store and process my personal data. \* 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. ![S-One_WhiteLogo_07-24-24_01](https://www.sone.com/hs-fs/hubfs/Logos/S-One_WhiteLogo_07-24-24_01.png?width=169&height=63&name=S-One_WhiteLogo_07-24-24_01.png) 4728 S. Tamiami Trail Sarasota, FL 34231 Email:  [info@sone.com](mailto:info@sone.com) Phone:   [941-256-7800](tel:941-256-7800) [facebook-f icon](https://www.facebook.com/s1holdingscorp) [linkedin-in icon](https://www.linkedin.com/company/s-one-holdings-corporation/posts/?feedView=all) ©2026 All rights reserved - [Privacy policy](https://www.sone.com/privacy-policy?hsLang=en)