Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions apps/web/app/(base-org)/brand/(7)/partnerships/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ import { PartnershipsLockup } from 'apps/web/app/(base-org)/brand/(7)/partnershi
import { PartnershipsConstruction } from 'apps/web/app/(base-org)/brand/(7)/partnerships/sections/2-construction';
import { PartnershipsLockupSystem } from 'apps/web/app/(base-org)/brand/(7)/partnerships/sections/3-lockup-system';
import { PartnershipsLockupExamples } from 'apps/web/app/(base-org)/brand/(7)/partnerships/sections/4-lockup-examples';
import { InvertedPartnerLockup } from 'apps/web/app/(base-org)/brand/(7)/partnerships/sections/inverted-partner-lockup';
import BrandIndex from 'apps/web/src/components/Brand/Index';
import { BRAND_PAGES_INDEX } from 'apps/web/app/(base-org)/brand/(main)/page';

Expand All @@ -28,6 +29,7 @@ export default function Page() {
<PartnershipsConstruction />
<PartnershipsLockupSystem />
<PartnershipsLockupExamples />
<InvertedPartnerLockup />

<BrandIndex index={FINAL_INDEX} hasHeading />
</>
Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
import { ImageComponent, SvgImport } from 'apps/web/src/components/Brand/Image';
import SubBrandsLockupSvg from './inverted-partner-lockup.svg';

const svg = SubBrandsLockupSvg as SvgImport;

const images = [
{
src: svg.src,
alt: 'Inverted Partner Lockup',
width: svg.width,
height: svg.height,
},
];

export function InvertedPartnerLockup() {
return (
<ImageComponent
id="partner-lockup"
title="Inverted Partner Lockup"
description={
<>
For partner-led launches, place your logo first, Base second. In this lockup, Base should
scale slightly smaller than your logo to signal a supporting role. Match by optical
weight, not literal size. This shows that Base is supporting your launch, while keeping
both brands visible. <br /> <br />
<b>Reference:</b>{' '}
<a
href="https://www.figma.com/buzz/wU1gI2PuzAmTPytB5aYjnw/Partnering-with-Base-lockup?node-id=7-409&t=QOxoreu1xk9epx4p-1"
className="underline"
target="_blank"
rel="noopener noreferrer"
>
Figma
</a>
</>
}
images={images}
/>
);
}
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions apps/web/src/components/Layout/Navigation/navigation.ts
Original file line number Diff line number Diff line change
Expand Up @@ -376,6 +376,10 @@ export const BRAND_ROUTES: BrandRoute[] = [
label: 'Lockup Examples',
link: '#lockup-examples',
},
{
label: 'Partner Lockup',
link: '#partner-lockup',
},
],
},
{
Expand Down