[01]
[02]
Graphics & iconography
( Indentity system )
circles
The circles reflect our humble approach to design: always in motion, never static. True to our name, these circles show subtle opacity gradients.
The motifs features two distinct styles:
Horizontal style:
Normally used to accompany the hero titles and other headings.Radial style:
Normally used as pictograms to accompany paragraphs. Their square frames make them suitable for presentation slides.
When creating these elements, use a 500–800px canvas with a 2px stroke weight for visual consistency.


Lines
Lines help create structure and clarity. Our system features two types of line:
Horizontal line:
Works as a visual divider, making it easier for users to digest information in the correct orders.Vertical line:
Form a subtle grid that enhances our brand aesthetic and reinforces visual structure across certain pages.
To maintain subtlety and clarity of the line colours, on dark backgrounds, use Border Dark, and on light backgrounds, use Border Light.
iconography
Our icons are built on sharp, geometric forms with consistent strokes. All strokes use flat caps, and shapes intersect fully with no gaps or floating lines.
Rounded corners are reserved only for icons where such features are essential to convey meaning, ensuring that the overall system remains bold, precise, and cohesive.
©2025 Greydient Lab
—
All rights reserved