Skip to content

About

Welcome to Neutrl’s Visual Identity Guidelines - your reference for our logo, color palette, typography, and illustrations.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

9 Commits

Folders and files

Repository files navigation

Brand Guidelines

Neutrl Logo

Version 1.0


📑 Table of Contents


01 Brand Marks

The Logo

Our logo, composed of a distinct Mark and Wordmark, stands as the cornerstone of our visual identity and holds the prime position in our brand's graphic representation. Its elements have been intricately crafted, designed to work together seamlessly to offer an aesthetically balanced portrayal of our brand.

The consistency in the application of our logo is vital to the preservation and enhancement of our brand identity. It acts as an immediate signifier, communicating our essence and values at a glance.

To ensure the continuity of this recognition, it's crucial to refrain from any alterations, modifications, or redrawing - thus maintaining the logo's original integrity.

Neutrl Logo Light Neutrl Logo Dark

The Mark

Our mark is a stylized letter N, formed with curved, organic lines inspired by the flowing shape of a delta chart—a nod to the brand's connection to financial markets and data movement. This fluid form reflects agility, growth, and adaptability, key qualities in the financial and crypto landscape.

To preserve its integrity, only the official digital artwork should be used. Do not redraw, distort, or alter the logo in any way.

Neutrl Mark Light Neutrl Mark Dark

Logo Color Options

Always ensure high contrast between the logo and its background. Use the appropriate logo variation to maintain sufficient contrast, ensuring the logo is fully visible and stands out clearly.

Black & White Logo

Whenever possible, use the colored logo versions as outlined above. However, for monochrome applications, such as black-and-white print materials where color is not an option, the black or white logo versions should be used instead.

Exclusion Zone & Minimum Size

The purpose of the exclusion zone is to preserve the legibility and impact of our Logo by creating a clear space that separates it from any competing visual elements, such as text or supporting graphics. This zone serves as a minimum safe distance, guaranteeing that our Logo has ample room to make a powerful statement.

The size of the exclusion zone is determined by half the height of the Logo, as denoted as 'x' in the accompanying diagram. If the Symbol is used instead of the full Logo, the same exclusion rules apply, with the Symbol having an exclusion zone equal to half its own height.

Minimum sizes:

  • Digital: 24px
  • Print: 7mm

Logo Misuse

Maintaining the consistent appearance of our Logo is of utmost importance. It is crucial to avoid misinterpretation, modification, or additions to the Logo.

❌ Do not:

  • Stretch the logo
  • Outline the logo
  • Rotate the logo
  • Use unapproved colors
  • Add gradient to the logo
  • Apply shadows or effects
  • Change the components' relationship
  • Recreate the artwork
  • Use the logo on backgrounds with insufficient contrast

Token Logos

To reinforce Neutrl's brand identity, each token logo is built using the same visual language as the 'N' from Neutrl's primary logo. This approach ensures visual consistency and strengthens brand recognition across the entire product line.


NTRL Token

NUSD Token

sNUSD Token

02 Color

Brand Color

The primary colors form the foundation of our brand's visual identity, setting the tone and mood for all communications.

Our core palette features shades of green, complemented by a vivid yellow-green highlight color. The green tones convey a sense of balance, growth, and neutrality, while the highlight color adds boldness and energy. Together, they express the brand's personality and create a strong visual anchor across all design materials.

Primary Colors

Color HEX RGB CMYK
Dark #0E191A 14/25/26 46/4/0/90
Neutrl Green #2E4D40 46/77/64 40/0/17/70
Light Green #94C199 148/193/153 23/0/21/24

Secondary Colors

Color HEX RGB CMYK
Dark 200 #1E2E2A 30/46/42 35/0/9/82
Light #E6F9E8 230/249/232 8/0/7/2
Dark 300 #1F3A33 31/58/51 47/0/12/77
Highlight #D6E438 214/228/56 6/0/75/11

03 Typography

Brand Typeface

Our brand typeface is Host Grotesk. Host Grotesk is a uniwidth sans serif variable font for modern user interfaces. It features uniform letter widths and spacing across all weights and corresponding italics, ensuring seamless adaptability without compromising layout consistency.

Available weights:

  • Regular
  • Medium
  • SemiBold
  • Bold
  • ExtraBold
  • Light
  • All weights include italic variants

Type Hierarchy

Style Font Size Line Height Letter Spacing
Eyebrow Host Grotesk / Bold 12px 120% 10%
Headline Host Grotesk / Regular, Italic 60px 105% -3%
Subtitle Host Grotesk / Regular 48px 105% -3%
Body 1 Host Grotesk / Regular 20px 120% -2%
Body 2 Host Grotesk / Regular 16px 120% -2%
CTA Host Grotesk / Bold 14px 120% 5%

04 Illustrations

Folded Paper Grid

Neutrl's illustration system reflects its values of sophistication, clarity, and growth. Using shades of green, solid colors, and subtle grid patterns, we create visual depth that signals trust and stability. The isometric perspective adds transparency and technical precision, making complex systems feel clear and accessible.

Our hero illustration, the Folded Paper Grid, is inspired by yield curves and performance graphs. It symbolizes steady growth, compounding returns, and the structured momentum at the core of Neutrl's ecosystem.

Isometric Illustrations

We use an isometric-style illustration designed to visualize transparency. The token is shown with its inner layers exposed to represent how Neutrl works under the hood; open, structured, and intentional.

Use clean lines, layered depth, and a fixed isometric perspective to show the internal components clearly. Keep the color palette aligned with Neutrl's brand colors, and maintain a sense of technical precision without clutter.


05 Applications

Social Media Presence

Our social media presence is carefully crafted to maintain brand consistency across all platforms while adapting to each platform's unique requirements and audience expectations.

Profile Pictures

Our profile pictures are designed to be instantly recognizable while maintaining flexibility for different platform requirements. Each variant is optimized for its specific use case:

Light Theme
  • Squared Profile - Perfect for platforms that support square profile pictures
  • Rounded Profile - Ideal for platforms that support circular profile pictures
Dark Theme

Twitter Presence

Our Twitter presence is designed to make a strong first impression while maintaining brand consistency:

Cover Images
  • Brand Cover - Our primary Twitter cover, featuring our brand identity
  • Tagline Cover - For special announcements and product launches

LinkedIn Presence

Our LinkedIn presence is tailored for professional networking and corporate communication:

Cover Images
  • Brand Cover - Our primary LinkedIn cover, maintaining corporate identity
  • Tagline Cover - For company announcements and updates

Usage Guidelines

Profile Pictures

When using our profile pictures, consider these guidelines:

  • Choose the appropriate variant based on the platform's requirements
  • Use light theme variants for dark backgrounds and dark theme variants for light backgrounds
  • Maintain consistent usage across all platforms to strengthen brand recognition
  • Ensure the profile picture is clearly visible and not obscured by platform elements

Cover Images

For cover images, follow these best practices:

  • Use brand covers for general presence and company pages
  • Reserve tagline covers for specific announcements or product launches
  • Ensure proper scaling and cropping for each platform's requirements
  • Maintain the original aspect ratios to preserve design integrity

Background Assets

Our brand background serves as a versatile asset for various applications:

  • Presentations and pitch decks
  • Social media posts and stories
  • Marketing materials and advertisements
  • Always maintain the original aspect ratio when scaling

For any questions regarding brand asset usage or to request additional assets, please contact the brand team.

About

Welcome to Neutrl’s Visual Identity Guidelines - your reference for our logo, color palette, typography, and illustrations.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors