monadical/greyhaven-design-system
14
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

import brand images

Browse Source
This commit is contained in:
Joyce
2026-04-10 10:40:59 -04:00
parent a9d0ac182d
commit 9df702eaaf
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/design-system/component-matrix.tsx
View File

@@ -108,18 +108,18 @@ export function ComponentMatrix() {
</h4>
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
{/* Modular Geometry Showcase */}
<div className="border-institutional border-border rounded-sm p-8 bg-card institutional-accent overflow-hidden relative min-h-[300px] flex flex-col justify-end">
<div className="absolute top-0 right-0 w-1/2 h-full opacity-40">
<div className="border-institutional border-border rounded-sm p-10 bg-[#F9F9F7] institutional-accent overflow-hidden relative min-h-[350px] flex flex-col justify-end">
<div className="absolute top-4 right-4 bottom-4 w-1/2 opacity-80">
<img
src="/brand/modular-geometry.png"
alt="Modular Geometry"
className="object-contain object-right h-full w-full"
/>
</div>
<div className="relative z-10 space-y-2">
<Badge className="bg-brand-orange text-white border-0">Modular System</Badge>
<h3 className="text-display text-4xl leading-none">Modular<br />Core</h3>
<p className="text-sm text-muted-foreground max-w-[200px]">
<div className="relative z-10 space-y-4">
<Badge className="bg-brand-orange text-white border-0 rounded-none text-[10px] uppercase tracking-widest px-2 py-0.5">Structural</Badge>
<h3 className="text-display text-5xl leading-[0.9] text-brand-offblack">Modular<br />Core</h3>
<p className="text-sm text-brand-grey7 max-w-[220px] font-sans">
Leveraging architectural logic through 3D modular geometry.
</p>
</div>