Clear space
1x logo width
Leave at least the width of the logo around all sides when placing it with other elements.
Official identity guide
Cindral Brand Assets
A public reference for presenting Cindral consistently across promotions, partnerships, media mentions, and future website pages.
Logo
Start with the mark.
Use the black logo on light surfaces and the white logo on dark surfaces. Use the colored logo selectively when a placement needs emphasis.
Light surface
Black mark
Dark surface
White mark
Highlight use
Colored logo is an accent, not the default.
Use the colored mark when the brand needs a more expressive moment, such as a feature callout, launch asset, or selected promotional placement.
Minimum size
40px screen
Keep the mark large enough to remain crisp and recognizable in digital placements.
Preferred use
Black or white PNG
Use contrast-first marks as the default. Use the colored PNG only for highlighted moments.
Color
Quiet contrast, atmospheric accents.
Cindral should feel clear and precise. Use slate and white as the system base, then bring in cyan, blue, and violet as controlled accents from the animated grain field.
Typography
Sharp, readable, restrained.
The site uses Geist Sans for interface and editorial text, with Geist Mono reserved for code, tokens, and technical labels.
Font family
Geist Sans
Primary font for headings, body text, labels, buttons, and navigation. Use Geist Mono only for asset codes, values, and technical references.
--font-geist-sansHero
Share Cindral with clarity.
Section heading
Design language
Body
Use short paragraphs, plain labels, and enough space for each message to stand on its own.
Label
Preferred channel
Button
UI language
Reusable patterns for future pages.
Use full-width bands for page structure and reserve glass panels for focused content. This keeps the site premium without becoming decorative.
Glass panel
Focused, readable, and intentional.
Use this treatment for forms, downloadable assets, and compact reference modules over atmospheric backgrounds.
Divider style
Use thin dividers and structured spacing instead of heavy borders or nested cards.
Spacing
Give every element room to work.
Cindral layouts should feel calm and precise. Use generous page edges, clear section separation, and consistent gaps instead of dense stacking.
Page margin
20px / 32px / 40px
Use 20px on mobile, 32px on tablet, and 40px on desktop page edges.
Section padding
64px / 80px
Use 64px vertical padding for standard sections and 80px for major desktop bands.
Card padding
20px / 28px
Use 20px for compact cards and 28px for glass panels or larger content groups.
Grid gap
20px / 32px
Use 20px between related cards and 32px between section intro copy and content.
Radius
Keep corners modest.
Rounded corners should support usability without making the system feel soft or generic.
Controls
6px
Buttons, inputs, selects, and compact controls should use modest rounding.
Cards
8px
Cards, panels, and previews should stay precise with a restrained radius.
Badges
6px
Code labels and small tags should align with the control radius.
Usage
Promote Cindral consistently.
These rules keep public references aligned while leaving enough flexibility for partner and media placements.
Do
- Use the official logo without redrawing, stretching, rotating, or adding effects.
- Keep the Cindral name clear, calm, and direct in public material.
- Pair the logo with generous space, restrained type, and strong contrast.
- Use glass surfaces for focused content only, such as forms, assets, and compact reference cards.
Do not
- Do not place the logo on busy imagery that reduces legibility.
- Do not recolor the logo or use the colored mark as the default identity treatment.
- Do not overuse gradients, oversized cards, or decorative shapes outside the Cindral visual system.
- Do not invent unofficial taglines, seals, badges, or alternate marks.
Downloads
Official logo file
The current public assets are black, white, and colored PNG marks. Vector and campaign-specific formats are available on request.
