A star is the center of any planetary system. It attracts the planets and maintains a sense of belonging. Just like the planets circling the stars because of their powerful energy, our symbol represents a landmark and suggests security. Also, since creativity in work is an extremely important factor, the star also symbolizes a fresh perspective, a spark, a different point of view, and it casts a new light.
When this company was created we took on the name Rock Construction based off the movie Rocky. This logo represents the iconic moment when Rocky climbs the stair case in the movie.
Our logo represents the strong work and connections we make. We build these relationships through excellence work and communication with our clients.
The tone of voice defines and describes how Createq communicates with the audience, and it is one of the key elements that make a brand. The way we communicate with the audience, whether through written or verbal communication, strongly affects brand perception. That’s why a consistent and unique tone of voice is important for brand awareness. It is a way to show brand personality and express brand values through word choice, writing style and emotional tone. The following examples demonstrate our writing principles.
Do’s
Dont's
Do’s
Dont's
Do’s
Dont's
Do’s
Dont's
One of our most recognisable elements of brand identity. Consistently applied placements, clearspace, and color treatments ensure our logo remains iconic in any context.
Horizontal Lockup is considered the default and primary choice for most use cases.
Positive
Negative
If space is limited then use the submark logo.
Positive
Negative
When applying our logo, it is paramount that it is given enough space from the margins and other elements on the page. Two clearspaces have been developed that shift in size depending on the size of the mark. Everything starts with the logo.
Below 30px Logo Height
Example
Example
Above 30px Logo Height
Example
The Createq logo was designed and tested to work at various sizes. The minimum logo size for adequate legibility is 16px height. Never go smaller than this, though. Establishing a minimum size helps ensure that the logo’s legibility is never compromised.
It is important that the appearance of the logo remains consistent. It should not be reinterpreted, modified or embellished. No attempt should be made to alter the logo in any way. Below are some mistakes to avoid.
Outlined
Disproportionate resizing
Tilted
Skewed
Drop Shadow
Vertical Axis
Regardless of communication size or composition, the logo should always be placed in one of the locations outlined below. This keeps logo placement simple and consistent, while offering enough flexibility to accommodate a variety of layouts.
Where possible, our logo should be applied in the top left of compositions.
Correct: top left corner
Incorrect: bottom right corner
Additional Placement Options
Additional Placement Options
Correct: top left corner
Incorrect: bottom right corner
When creating a composition, it is important to have enough contrast between background and logo to maximize legibility. Below are some do’s and don’ts for logo clarity.
High contrast primary colors
Dark color combination
High contrast primary colors
Light color combination
High contrast primary & secondary colors
Secondary color combination
High contrast primary & secondary colors
Neutral color combination
Use “C-Star” symbol on social media as an icon or profile picture.
Use pictograms for marking different departments or groups inside the company. The pictograms are created in order to follow the basic “C-Star” symbol design.
When applying the logo to a facade, keep in mind the surface to which the logo is being applied to. It is advised to use a white logo with dark edges.
The main font of our brand is the General Sans group of fonts. Straight-forward with a polished simplicity, our typography gives all the key information but never talks over the main content.
The General Sans family has six weights that range from Extra light to Bold. Primary use are Regular, Medium and Semibold.
Body Copy, Subheaders
Headlines, Short Paragraphs, Subheaders
Headlines, Accents
Typography should only ever be aligned in two ways: Left-aligned or centered. Never right-align or force-justify typography.
Do’s
Dont's
Do’s
Dont's
In order to keep things simple, no more than three type sizes should be used in one communication piece. These sizes follow a simple formula: each type size should aim to be a minimum of 50% larger than the preceding type size.
In some instances, it might be necessary to break this rule and have two type sizes that are closer together. In this case, a minimum 35% size difference should be followed.
Typography can also be applied on top of imagery. In these instances, use black typography on lighter images, and white typography on darker images to ensure that there is enough contrast. Never use color typography on imagery.
Do’s
Dont's
Coupled with the layout system, the Createq color palette supports and complements a diversity between creativity and technology. A considered system of secondary tones adds depth and hierarchy. Together with the primary palette, it forms a key part of the Createq identity.
Black: #000000 CMYK: 0,0,0,100 Pantone:
Color: #BFA8EE CMYK: 22,28,0,0 Pantone:
Light Grey: #E9EDEE CMYK: 7,4,3,0 Pantone:
Yellow: #FFFF01 CMYK: 3,0,86,0 Pantone:
Color: #BFA8EE CMYK: 22,28,0,0 Pantone:
Color: #D7C3FE CMYK: 16,18,0,0 Pantone:
Color: #E7DBFF CMYK: 9,10,0,0 Pantone:
Color: #FFBACD CMYK: 0,28,10,0 Pantone:
Color: #98FCD6 CMYK: 45,0,19,0 Pantone:
Color: #6AF2FF CMYK: 44,0,2,0 Pantone:
Color: #E9EDEE CMYK: 7,4,3,0 Pantone:
Color: #CCD1D7 CMYK: 18,10,8,0 Pantone:
Color: #929EAC CMYK: 41,24,14,3 Pantone:
Color: #5F657D CMYK: 60,42,25,10 Pantone:
By combining the colors, typography, and logo, we get the key visuals on which we base the entire visual narrative of the brand.
To keep things orderly and precise, we use a grid to organise information and guide layout creation. Below are the main grids that should be used when building compositions.
Photography plays a key role in creating a recognisable visual identity. In most cases, we use abstract forms that are inspired by planets, stars, and space.
Black and white photographs are mostly used as a background setting, which nicely accentuates the highlighted information and messages.
Social media communication is direct and simple, without too much detail that would distract the attention from the content we are communicating. We use curved forms that follow the circular shape of our C-Star logo. Accent colors help us highlight the message and grab attention in a distinct way.
The motion system extends the expression and functionality of the design system. Motion allows the design system to be more flexible, more dynamic, and contain a wider range of content.
Our stationery follows the established design system, that entails a consistent use of logo position, colors, and typography. Printing the perfect stationery design is also a task that requires attention.
Business card - Front
Business card - Back
Invoice and Memo
Folder - Outer
Folder - Iner
Envelope
Notebook
Notebook
When branding entire offices or parts of an office, use our pictograms (go to page Logo/Sectors).
The tone of voice defines and describes how Createq communicates with the audience, and it is one of the key elements that make a brand. The way we communicate with the audience, whether through written or verbal communication, strongly affects brand perception. That’s why a consistent and unique tone of voice is important for brand awareness. It is a way to show brand personality and express brand values through word choice, writing style and emotional tone. The following examples demonstrate our writing principles.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Image description
Image description
Image description
