Logo Variations
The logo design builds on the visual identity, incorporating a subtle constellation element. This detail highlights the letter 'O' and the circle above it, symbolizing the Application. The invisible connection between them adds dynamism to the logo, while the modern font enhances its uniqueness, lightness, and memorability.
The logo is available in three color variations: blue on green,
green on blue, and blue on grey. Never use the logo on any other color variation.
Download logo assets >
Logo Restrictions

Do not use the logo without the symbol.

Do not change the mark.

Do not change the logo’s proportions.

Do not rotate the logo.

Do not change the logo font.

Do not stretch, arch, or warp the logo.

Do not add any background to the logo

Do not change colors.

Do not change the mark size.

Do not use logo as a pattern.

Do not use the logo without the symbol.

Do not change the mark.
Logo Clear Space & Minimum Size
The safe space around the logo measures the size of the letter “O”.
For digital screens, the minimum logo size is 55x22 pixels, while for print, it should be at least 10 millimeters in height. This ensures clarity and optimal visibility across
all mediums.
Partnership Logo Usage
When Reco appears alongside another brand, the lock-up must communicate trust and parity at a glance.The rules in this section ensure our word-mark stays unmistakably Reco, while giving partners room to retain their own brand equity. Follow the clear-space, order, color, and sizing standards below before any co-branded asset ships—whether it’s a landing page hero, webinar title slide, or joint-press release header.
When pairing our logo with a partner logo, both logos should feel equal in size.
The scale of the logos should be optically balanced. The distance between the Reco logo and the partner logo should be the width of 1 symbol.
The Reco logo should always be on the left side and the partner/sponsor logo always on the right. The two logos should always be horizontally centered.
Color Palette
#B5E600

Lime Green
Used for backgrounds, illustrations, CTAs, and highlighting text (only on the Deep Navy background).
#0F2032

Deep Navy
Used for backgrounds, illustrations, CTA, and typography.
#E1E2EF

Soft Gray
Used for bright backgrounds
and typography.
#172A3E

Prussian blue
Used only on the Deep Navy
background, as an additional dark background. Example: see Web cards.
#869CFF

Vista Blue
Used only for UI design, diagrams, and as an additional color for blog page card backgrounds.
#E55381

Blush
Used only on the Deep Navy
background, as an additional dark background. Example: see Web cards.
#FDF8F8

Snow
Used only for UI card backgrounds.
Typography
Lubalin Recast Serif VF
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSs
TtUuVvWwXxYyZz1234567890!?@#$%&*
Onest
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQq
RrSsTtUuVvWwXxYyZz1234567890!?@#$%&*
Illustrations
Illustration plays a key role in the identity, serving as the foundation for nearly all design elements. These visuals bring the Reco platform to life, making its features clear and compelling. A perspective grid was used to create the constellation, adding depth and mirroring the vastness of real space.
