Ockam logo
Product
Open Source SDKsOckam RegistryOckam HubKafka Add-onInfluxData Add-onAzure HSM Add-onMicrochip Add-ons
Contact

Ockam graphics style guide

This guide will help you match colors, fonts, icons and styles that we use on this site and around the internet.

Colors

NameHexPreview
Ockam Deep Blue#0A1A2B
Deep Blue Accent#162535
Ockam Blue#52c7ea
Ockam Orange#EC432D
Ockam Light Avocado#4FDAB8
Ockam Dark Avocado#1D5B58
Caption and Icon Grey#7A8895
Dark Grey#242A31

Font Styles

Headings: IBM Plex Sans Medium

Heading 1 (40px)

Heading 2 (32px)

Header 3 (28px)

Header 4 (25x)

Text: IBM Plex Sans Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet metus eros. Fusce varius ligula at arcu condimentum, ut finibus sem viverra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Logos and Graphics

Open Source context

Ockam OSS logo dark background - SVG

Ockam OSS logo light background - SVG

Ockam OSS logo white transparent background - PNG

Ockam OSS logo dark transparent background - PNG

Ockam OSS logo dark transparent background - PNG

Ockam OSS logo pure transparent - PNG

Ockam Rust Community Logo - PNG

Ockam Elixir Community Logo - PNG

Ockam DevRel Logo - PNG

Commercial context

Ockam Inc logo dark background - SVG

Ockam Inc logo light background - SVG

Ockam Inc dark background - SVG

Ockam Inc light background -SVG

Ockam Tool Company white transparent background - PNG

Ockam Tool Company dark transparent background - PNG

Stickers

Ockam Tool Company sticker - SVG

Ockam Tool Company sticker bordered - SVG

Social Media Banners

Twitter cover photo1 - PNG

Twitter cover photo2 - PNG

Youtube_cover - JPG

Previous

Rust Library Style

Next

Architecture and Protocol Design

On this page
  • Colors
  • Font Styles
  • Logos and Graphics
  • Open Source context
  • Commercial context
  • Stickers
  • Social Media Banners
Edit this page
Star Ockam repo