Design System
Digital Brand Guidelines.
A high-contrast pairing of Swiss-style grotesque and technical monospace.
and Engineer
Legibility is prioritized. Line height is kept at 1.6 for optimal scanning on all devices.
return "Design_Language";
Anchored in void black, illuminated by acid accents and specific gradients.
Asymmetric 4+8 column grid creates tension and directs focus.
Expertise Accordion
A horizontal expansion component with specific RGB gradients and rotated text states.
Discovery
Discovery is about deeply understanding your organization's vision, goals, and user needs.
Strategy
Strategy
Design
Design
- 01MIN_FONT_SIZE: 16px (No scaling down)
- 02STACK_ORDER: MEDIA_FIRST
- 03NAV: VISIBLE_ON_SCROLL_UP
Gradients are used as hierarchy tools, not just decoration. They breathe and flow.
Electric Violet
from-[#6366f1] via-[#a855f7] to-[#ec4899]
Spinx Blue
from-[#0055ff] via-[#0088ff] to-[#00d4ff]
Sunset Logic
from-[#f59e0b] via-[#ea580c] to-[#b91c1c]
Persistent Context.
The left column anchors the user while content flows on the right. Note the divider line is not a gap, but a border.
Breaking the grid with negative margins and z-index layering creates volume.
The Floating Card
This element breaks out of the container boundary, sitting on top of the visual below. It uses -mt-32 to pull itself up and backdrop-blur to ground the effect.