Brand kit 🎨
If you need some pictures of Scallop you can contact us!
Logo
Logo Configurations
The Scallop logo has an iconic scallop illustration, symbolizing the brand name and aligning with the theme of Sui Blockchain.
Present Scallop’s logo in these four ways. Apply Scallop logo with the suitable Color Configuration so that the logo maintain its visibility and legibility.
Logotype
Always use this logo whenever possible as this is the most recognizable visual shorthand of Scallop’s brand.
Wordmark
Use the wordmark in special cases where the other logo configurations are not suitable.
Logo Color Configurations
Always choose the color of Scallop logo based on these color configurations. Maintain the consistency of Scallop brand while keeping the logo legible.
Primary Color Configuration
Scallop logo’s primary configuration is the Scallop logotype with white font color. Make sure to apply this configuration whenever possible.
Reversed Primary Color Configuration
Scallop logo’s reversed primary configuration is the Scallop logotype with black font color. Apply this configuration on light background, when the primary color logo is not suitable.
Light Grayscale Configuration
Apply this configuration only on special occasions, such as only one color ink is available. Apply on dark colored background.
Dark Grayscale Color Configuration
Apply this configuration only on special occasions, such as only one color ink is available. Apply on light colored background.
Logo Clearspace
Scallop logo needs a minimum amount of spacing to maintain the visibility, legibility, and visual impact.
To make sure the logo has enough clear space, use the letter ‘o’ in the wordmark as a guide for spacing. Do not place any objects, such as graphics or text in the clear space shown.
Logo Placement Guide
Scallop Labs
Scallop Labs builds secure, capital-efficient DeFi infrastructure on Sui. We are the team behind the Scallop suite.
The team is distributed in APAC with DeFi, cybersecurity, fintech, global hackathon, algorithm contest, CTF challenges, and quantitative trading backgrounds.
Sub-brands
Scallop products and services that are not uniquely branded use this generic layout to keep the brand consistency.
The logos are constructed from the Scallop logotype and sub-brand wordmark. We put a greater emphasis on the core branding by differentiating the size and wordmark weight. View the samples below.
Colors
Brand Colors
These are Scallop’s brand color palette that reflects the brand personality.
The palette consists of shades of blue and coral, inspired by scuba-diving seascape. These colors, reflecting our product, connecting to the sea themes and fostering professionalism and nature growth.
Ocean
Scallop's Navy Color HEX: #1E2D45 RGB: 30/45/69 CMYK: 54/38/0/73 PMS: 533C
Use this color prominently for backgrounds, graphic elements, establishing the overall brand mood.
Bubble
Scallop's Light Blue Color HEX: #9CD0DD RGB: 156/208/221 CMYK: 29/6/0/13
Use this color for CTA, interactive elements, and to provide visual contrast. Use sparingly to maintain its impact.
Sand
Scallop's Peach Color HEX: #F1D6C8 RGB: 241/214/200 CMYK: 0/11/17/5
Sand is the circle color of our logo. Use this color as a subtle accent on texts or graphic elements to tie back to the brand's visual identity.
Twilight
Scallop's Grey-Blue Color HEX: #334664 RGB: 51/70/100 CMYK: 49/30/0/61
Use this color for section backgrounds, an alternative (secondary blue) to Ocean.
Mist
Scallop's Grey Color HEX: #ABB0C0 RGB: 171/176/192 CMYK: 11/8/0/25
Mist is the prominent color of our logo. Use this color as neutral supporting color.
Night
Scallop's Black Color HEX: #000000 RGB: 0/0/0 CMYK: 100/100/100/100
Night is our text color on light background. Use this color as neutral supporting color.
Pearl
Scallop's White Color HEX: #FFFFFF RGB: 255/255/255 CMYK: 0/0/0/0
Pearl is our main longform texts color. Use this color as neutral supporting color.
Functional Colors
These are the colors that we use to convey status or meaning in app interface and medias.
Green
HEX: #7BBBA7 RGB: 123/187/167 CMYK: 34/0/11/27
Red
HEX: #CA6460 RGB: 202/100/96 CMYK: 0/50/52/21
Yellow
HEX: #E8D997 RGB: 232/217/151 CMYK: 0/6/35/9
Typography
Scallop uses Poppins and Roboto for our brand communications and application interface.
Poppins
Used in headlines and titles.
In app interface, we use Poppins SemiBold.
In marketing outputs, we use Poppins Extrabold. We also use Poppins Bold in case where ExtraBold are not suitable for titles.
Last updated
Was this helpful?