Official Websites
Brand Guidelines
2024
Brand Summary
Mission
- To maintain brand consistency across channels and align creative work with a connected visual identity system [^1].
Core Values
- consistency
- simplicity
- fluidity
- collaboration
- recognizability
Target Audience
- Businesses and professionals seeking efficient digital solutions, with a focus on technology, collaboration, and growth [^2].
Personality Traits
- professional
- modern
- dynamic
- fluid
- collaborative
Visual Identity Overview
- The brand visual identity is built around a simple, fluid logo with geometric elements, a vibrant orange primary color, clean typography, and patterns based on circles and flow. The style emphasizes minimalism, clarity, and adaptability across digital and print media [^3].
Categories
Brand Imagery
- When you use images in your projects please check the license.
- Use these sites to find free commercial licensed images: ■ unsplash.com 71 pexeis.com z1 pixabay.com
- The icon set uses smooth lines and flowing line endings. The icon style extends the idea of a fast and flowing Jetruby logo, making the logo and icons work really well together.
- The best option is to use the icons with plenty of white space around each individual icon.
- Use these sites to find free commercial licensed icons: LOON loon.site 71 E remixicon.com 71
Color Palette
- Primary colors help consumers quickly identify a brand. These colors are incorporated into a company’s logo. Use gray and its tints to display text or make definitive accents. Use primary orange for buttons, small accents, and small amounts of text.
- Secondary colors highlight and complement the primary colors. While you can have an infinite number of secondary colors, we suggest limiting the color palette to aid recognition and consistency.
- It is advised to use the provided color codes in the appropriate media. However, some changes to the codes are allowed if they are more suitable for the specific task.
- Primary Color #FF561D Smashing Pumpkins
- Opacity 80% #FF784A
- Opacity 60% #FF9A77
- Opacity 40% #FFBBA5
- Opacity 20% #FFDDD2
- RGB 255, 86, 29 CMYK 0%, 76%, 87%, 0%
- Secondary #3366FF Ultramarine Blue
- Secondary #6699FF Cornflower Blue
- Secondary #0033CC Blueberry Blue
- Secondary #FF9900 RGB 255, 86, 29 Orange Peel CMYK 0%, 76%, 87%, 0%
- Text color #111111 Onyx RGB 17, 17, 17 CMYK 79%, 70%, 62%, 89%
- The neutrals are complementary colors. Use them to support the primary and secondary colors. It is advised to use the provided color codes in the appropriate media. However, some changes to the codes are allowed if they are more suitable for the specific task.
- #E9ECF0 Dawn Pink
- #F6F7F9 White Lilac
- #FFFFFF White
- Primary and secondary colors should be used for dominant elements, while neutrals might serve as backgrounds.
- Use the primary color (orange) sparingly to highlight elements or in call-to-action buttons. Use the primary color (dark grey) for text. Use secondary colors in illustrations, UI screens, callouts, etc.
- We recommend adhering to color ratios in projects; however, depending on the project, this recommendation can be deviated from.
Typography
- Poppins Primary font for headings
- Secondary font for texts
- These modern web fonts are characterized by good contrast and readability. They also have a free license for commercial use, which makes them safe to use. You can use them in your products and projects—print or digital, commercial or otherwise.
- Download Poppins Download Golos jetruby.com
- Golos Text
- For more type diversity and overall brand presentation it is advised to use alternative characters in some cases.
- Download Houschka Font 71
- When creating such characters, only the Jetruby brand pattern should be used. The direction of the motion should always be positive (up or from left to right). For example, using this effect on the letter “E” is prohibited.
Logo Usage
- It is recommended to use the exact logo from this file to maintain the original proportions. The logo font should not be altered in any case.
- We recommend to use this layout for any purposes.
- When the primary logo doesn’t fit your composition, use the vertical lockup.
- If it is not possible to use the full logo, you can use our unique logomark separately.
- The logo contains the logomark and the logotype. Both elements were placed with the precision to size and proportionally fine-tuned.
- It’s important to maintain proper spacing around the logo to avoid overcrowding. Additionally, the use of whitespace keeps the brand feeling clean.
- Our logo should always have space to breathe.
- We call the space around our logo the “red zone.” Please avoid placing any elements within this area.
- To ensure the logo remains recognizable and consistent in style, it is recommended to use the graphical display of the logo from this file. Do not re-create it or edit it. Do not use a different color scheme, disproportionate transformation or rotations jetruby.com
- Do not resize or change the position of the logomark
- Do not use any other font, no matter how close it might look to Jetruby
- Do not squish or squash the logo. Any resizing must maintain its proportions
- Don’t change brand colors
- Don’t skew horizontally
- Don’t skew vertically
- Don’t rotate
- Don’t use strokes
- Don’t use the logotype separately
Visual Style
- It is recommended to use the exact logo from this file to maintain the original proportions. The logo font should not be altered in any case.
- We recommend to use this layout for any purposes.
- When the primary logo doesn’t fit your composition, use the vertical lockup.
- If it is not possible to use the full logo, you can use our unique logomark separately.
- The logo contains the logomark and the logotype. Both elements were placed with the precision to size and proportionally fine-tuned.
- It’s important to maintain proper spacing around the logo to avoid overcrowding. Additionally, the use of whitespace keeps the brand feeling clean.
- Our logo should always have space to breathe.
- We call the space around our logo the “red zone.” Please avoid placing any elements within this area.
- Primary colors help consumers quickly identify a brand. These colors are incorporated into a company’s logo. Use gray and its tints to display text or make definitive accents. Use primary orange for buttons, small accents, and small amounts of text.
- Secondary colors highlight and complement the primary colors. While you can have an infinite number of secondary colors, we suggest limiting the color palette to aid recognition and consistency.
- It is advised to use the provided color codes in the appropriate media. However, some changes to the codes are allowed if they are more suitable for the specific task.
- The neutrals are complementary colors. Use them to support the primary and secondary colors. It is advised to use the provided color codes in the appropriate media. However, some changes to the codes are allowed if they are more suitable for the specific task.
- Primary and secondary colors should be used for dominant elements, while neutrals might serve as backgrounds.
- Use the primary color (orange) sparingly to highlight elements or in call-to-action buttons. Use the primary color (dark grey) for text. Use secondary colors in illustrations, UI screens, callouts, etc.
- We recommend adhering to color ratios in projects; however, depending on the project, this recommendation can be deviated from.
- Do not re-create it or edit it. Do not use a different color scheme, disproportionate transformation or rotations.
- Do not resize or change the position of the logomark.
- Do not use any other font, no matter how close it might look to Jetruby.
- Do not squish or squash the logo. Any resizing must maintain its proportions.
- Don’t change brand colors.
- Don’t skew horizontally.
- Don’t skew vertically.
- Don’t rotate.
- Don’t use strokes.
- Don’t use the logotype separately.
Iconography
- The icon set uses smooth lines and flowing line endings. The icon style extends the idea of a fast and flowing Jetruby logo, making the logo and icons work really well together.
- The best option is to use the icons with plenty of white space around each individual icon.
- Use these sites to find free commercial licensed icons: LOON loon.site 71 E remixicon.com 71
Elements And Patterns
- The most basic and simple element of the Jetruby brand is a circle.
- The most popular element is the flow. Because of the Jetruby logo, which is fast and fluid, the flow is the most fundamental representation of the overall brand.
- A more complex pattern, which utilizes the two previous patterns, is the fluid.
- Circle The circle symbolizes simplicity and perfection. It is also a universal symbol and can be applied in many different situations. All of the more complex patterns in the JetRuby brand are built based on a circle.
- The Fluid The fluid can be used to create large graphical elements for backgrounds, large image masks, stylish brand elements and much more. The fluid is built using the flow elements and a circle element for the negative space. The fluid can be usedhorizontally or in a 45 degree angle. Brand Guidelines
- The Flow Using the circle as a base, the flow is an evolution of the circle, created by moving the circle in a line. It can be used as a basic graphical element in bullet lists, as a graphical attention drawer where needed, or as a mask for photographic and other elements.
- Wave Waves symbolize fluidity, transformation, and dynamism. Waves can be used to create large graphical elements for backgrounds, large image masks, stylish brand elements, and much more.
- Use patterns based on basic elements. Examples of patterns are presented on the following slides.
Templates
- Use the pre-made template to create a presentation.
- Our background library is constantly updated. Use backgrounds that are suitable for specific situations: for negotiations, for meetings with colleagues, seasonal backgrounds, and more.
- Business cards are one of the easiest ways for your client to make a memorable first impression. Each business card contains a QR code with a UTM tag for tracking statistics.
- TECHNICAL REQUIREMENTS
- SIZE: 50,8 x 88,9 mm (USA standard)
- FORMAT: PDF WEIGHTS: 300 dpi COLOR: CMYK
- PAPER: High quality paper 300GSM-350GSM
- 300GSM (14 Pt/ 0.014 inches thick) -this is the standard paper weight for most business cards. 350GSM (16 Pt / 0.016 inches thick) -above average grade paper that is a bit more durable and stiffer.
- Custom pens with logos or messages are excellent promotional materials.
- The design is developed for individual events and tasks. Design, colors, and logo placement are subject to change.
- The photo provides several examples of the pens’ designs.
- Promotional notebooks will always come in handy, whether it’s for the office, home, or the outdoors.
- The photo provides several examples of the notebook designs.
- The best selection of promotional items and corporate gifts.
- The photo provides several examples of the cup designs.
- Use this section to provide additional design and art guidelines.
- The photo provides several examples of the T-shirt designs.
- The photo provides several examples of the sweatshirt designs.
- The photo provides several examples of the bag designs.
🐛 Report