From 4dd95cccec07f1ef983c639f9f02ec30ff5f15b1 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Thu, 8 May 2025 17:02:09 +0200
Subject: [PATCH 1/4] Add GraphQLFoundationCard

---
 src/app/colors.css                            |  4 ++--
 .../components/graphql-foundation-card.tsx    | 20 +++++++++++++++++++
 src/app/conf/2025/page.tsx                    |  3 ++-
 3 files changed, 24 insertions(+), 3 deletions(-)
 create mode 100644 src/app/conf/2025/components/graphql-foundation-card.tsx

diff --git a/src/app/colors.css b/src/app/colors.css
index 39c02c2b22..95ec008b24 100644
--- a/src/app/colors.css
+++ b/src/app/colors.css
@@ -1,8 +1,8 @@
 :root,
 .light {
   --color-pri-lighter: 319 100% 90%;
-  --color-pri-light: 319 100% 90%;
-  --color-pri-base: 319 100% 44%;
+  --color-pri-light: 318 100% 80%;
+  --color-pri-base: 319 100% 44.1%;
   --color-pri-dark: 319 100% 30%;
   --color-pri-darker: 319 100% 20%;
 
diff --git a/src/app/conf/2025/components/graphql-foundation-card.tsx b/src/app/conf/2025/components/graphql-foundation-card.tsx
new file mode 100644
index 0000000000..d1706e284a
--- /dev/null
+++ b/src/app/conf/2025/components/graphql-foundation-card.tsx
@@ -0,0 +1,20 @@
+import { clsx } from "clsx"
+
+import FoundationWordmark from "../assets/graphql-foundation-wordmark.svg?svgr"
+
+export function GraphQLFoundationCard({ className }: { className?: string }) {
+  return (
+    <section className={clsx("gql-conf-section", className)}>
+      <div className="flex divide-neu-300 border border-neu-300 bg-neu-100 dark:divide-neu-100 dark:border-neu-100 dark:bg-neu-50 max-md:flex-col max-md:divide-y md:divide-x">
+        <div className="items-center px-8 py-10 md:px-16 md:py-24">
+          <FoundationWordmark className="mx-auto h-[68px] text-pri-base dark:text-pri-light md:h-[100px] [&_g]:fill-current" />
+        </div>
+        <p className="text-pretty px-8 py-10 typography-body-lg max-md:text-center md:px-16 md:py-24">
+          GraphQLConf is presented by the GraphQL Foundation, uniting the global
+          GraphQL community to promote education, adoption, and advancement of
+          GraphQL.
+        </p>
+      </div>
+    </section>
+  )
+}
diff --git a/src/app/conf/2025/page.tsx b/src/app/conf/2025/page.tsx
index bf23c8318c..21ce52b828 100644
--- a/src/app/conf/2025/page.tsx
+++ b/src/app/conf/2025/page.tsx
@@ -10,7 +10,7 @@ import TopMindsSection from "./components/top-minds"
 import { GetYourTicket } from "./components/get-your-ticket"
 import { RegisterSection } from "./components/register-section"
 import { Sponsors } from "./components/sponsors"
-
+import { GraphQLFoundationCard } from "./components/graphql-foundation-card"
 export const metadata: Metadata = {
   title: "GraphQLConf 2025 — Sept 08-10",
 }
@@ -33,6 +33,7 @@ export default function Page() {
         <CallForProposals />
         <Sponsor />
         <Venue />
+        <GraphQLFoundationCard />
         <FAQ />
       </div>
     </main>

From 10886dde7fc38cd829d8a85083b5d70c74c3c7ea Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Thu, 8 May 2025 17:15:49 +0200
Subject: [PATCH 2/4] Use proper trademark color

---
 src/app/conf/2025/components/graphql-foundation-card.tsx | 2 +-
 tailwind.config.ts                                       | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/app/conf/2025/components/graphql-foundation-card.tsx b/src/app/conf/2025/components/graphql-foundation-card.tsx
index d1706e284a..4dc0906d2f 100644
--- a/src/app/conf/2025/components/graphql-foundation-card.tsx
+++ b/src/app/conf/2025/components/graphql-foundation-card.tsx
@@ -7,7 +7,7 @@ export function GraphQLFoundationCard({ className }: { className?: string }) {
     <section className={clsx("gql-conf-section", className)}>
       <div className="flex divide-neu-300 border border-neu-300 bg-neu-100 dark:divide-neu-100 dark:border-neu-100 dark:bg-neu-50 max-md:flex-col max-md:divide-y md:divide-x">
         <div className="items-center px-8 py-10 md:px-16 md:py-24">
-          <FoundationWordmark className="mx-auto h-[68px] text-pri-base dark:text-pri-light md:h-[100px] [&_g]:fill-current" />
+          <FoundationWordmark className="text-rhodamine mx-auto h-[68px] dark:text-current md:h-[100px] [&_g]:fill-current" />
         </div>
         <p className="text-pretty px-8 py-10 typography-body-lg max-md:text-center md:px-16 md:py-24">
           GraphQLConf is presented by the GraphQL Foundation, uniting the global
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 540330efc9..639673a139 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -57,6 +57,12 @@ const config: Config = {
         "neu-900": "hsl(var(--color-neu-900) / <alpha-value>)",
 
         blk: "#000",
+
+        /**
+         * GraphQL Rhodamine as per the trademark guidelines
+         * https://www.graphql.org/brand/
+         */
+        rhodamine: "#e10098",
         // #endregion new design system colors
       },
       backgroundImage: {

From 3bba9120eafda865de22b89bdf783ee28af674c1 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Thu, 8 May 2025 17:26:24 +0200
Subject: [PATCH 3/4] Tweak spacings

---
 src/app/conf/2025/faq.tsx         | 2 +-
 src/app/conf/2025/page.tsx        | 2 +-
 src/app/conf/2025/sponsorship.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/conf/2025/faq.tsx b/src/app/conf/2025/faq.tsx
index 1617a1929c..115c5a4145 100644
--- a/src/app/conf/2025/faq.tsx
+++ b/src/app/conf/2025/faq.tsx
@@ -200,7 +200,7 @@ export function FAQ({ className }: { className?: string }) {
     <section
       id="faq"
       className={clsx(
-        "gql-conf-section flex gap-10 max-lg:flex-col xl:gap-24 2xl:gap-36",
+        "gql-conf-section flex gap-10 max-lg:flex-col xl:gap-24 xl:py-16 2xl:gap-36",
         className,
       )}
     >
diff --git a/src/app/conf/2025/page.tsx b/src/app/conf/2025/page.tsx
index 21ce52b828..49be2a4f4c 100644
--- a/src/app/conf/2025/page.tsx
+++ b/src/app/conf/2025/page.tsx
@@ -30,8 +30,8 @@ export default function Page() {
       <div className="gql-conf-container gql-conf-navbar-strip text-neu-900 before:bg-white/50 before:dark:bg-blk/30">
         <RegisterSection />
         <Sponsors heading="Thanks to our 2024 sponsors!" />
-        <CallForProposals />
         <Sponsor />
+        <CallForProposals />
         <Venue />
         <GraphQLFoundationCard />
         <FAQ />
diff --git a/src/app/conf/2025/sponsorship.tsx b/src/app/conf/2025/sponsorship.tsx
index b5651bf918..31b20a16c7 100644
--- a/src/app/conf/2025/sponsorship.tsx
+++ b/src/app/conf/2025/sponsorship.tsx
@@ -3,7 +3,7 @@ import { Button } from "../_design-system/button"
 
 export function Sponsor() {
   return (
-    <section id="sponsors" className="gql-conf-section">
+    <section id="sponsors" className="gql-conf-section xl:py-16">
       <InfoGrid
         title="Become a Sponsor"
         subtitle="Connect with the global GraphQL community and showcase your brand to industry leaders and decision-makers."

From 1c8b4db7d34cc5bbe4f17e588358051bff73b7c8 Mon Sep 17 00:00:00 2001
From: Piotr Monwid-Olechnowicz <hasparus@gmail.com>
Date: Thu, 8 May 2025 17:30:47 +0200
Subject: [PATCH 4/4] Improve mobile styles

---
 src/app/conf/2025/components/graphql-foundation-card.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/conf/2025/components/graphql-foundation-card.tsx b/src/app/conf/2025/components/graphql-foundation-card.tsx
index 4dc0906d2f..3002915829 100644
--- a/src/app/conf/2025/components/graphql-foundation-card.tsx
+++ b/src/app/conf/2025/components/graphql-foundation-card.tsx
@@ -6,10 +6,10 @@ export function GraphQLFoundationCard({ className }: { className?: string }) {
   return (
     <section className={clsx("gql-conf-section", className)}>
       <div className="flex divide-neu-300 border border-neu-300 bg-neu-100 dark:divide-neu-100 dark:border-neu-100 dark:bg-neu-50 max-md:flex-col max-md:divide-y md:divide-x">
-        <div className="items-center px-8 py-10 md:px-16 md:py-24">
-          <FoundationWordmark className="text-rhodamine mx-auto h-[68px] dark:text-current md:h-[100px] [&_g]:fill-current" />
+        <div className="flex items-center justify-center px-8 py-10 lg:px-16 lg:py-24">
+          <FoundationWordmark className="text-rhodamine h-[68px] dark:text-current lg:h-[100px] [&_g]:fill-current" />
         </div>
-        <p className="text-pretty px-8 py-10 typography-body-lg max-md:text-center md:px-16 md:py-24">
+        <p className="text-pretty px-8 py-10 typography-body-lg max-md:text-center lg:px-16 lg:py-24">
           GraphQLConf is presented by the GraphQL Foundation, uniting the global
           GraphQL community to promote education, adoption, and advancement of
           GraphQL.