Skip to content

Font consistency, TOC styling, SDG headings, litepaper link #60

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
LuminaEnvision merged 1 commit into from
Feb 25, 2026
Merged

Font consistency, TOC styling, SDG headings, litepaper link #60

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
40 changes: 8 additions & 32 deletions app/coordinate/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ export const metadata: Metadata = {

export default function CoordinatePage() {
return (
<main className="min-h-screen bg-black text-white overflow-x-hidden selection:bg-[#58B12F] selection:text-black">
<main className="min-h-screen bg-black text-white font-sans overflow-x-hidden selection:bg-[#58B12F] selection:text-black">
<div className="mx-auto max-w-5xl px-4 sm:px-6 lg:px-8 py-12 md:py-16">
{/* Navigation */}
<div className="mb-10">
Expand All @@ -38,13 +38,7 @@ export default function CoordinatePage() {

{/* Header */}
<div className="mb-20 text-center max-w-3xl mx-auto">
<h1
className="text-4xl md:text-5xl lg:text-6xl font-medium text-white mb-6 uppercase leading-tight"
style={{
fontFamily: "var(--font-bebas-neue), sans-serif",
letterSpacing: "0.05em",
}}
>
<h1 className="text-4xl md:text-5xl lg:text-6xl font-bebas text-white mb-6 uppercase leading-tight tracking-wide">
Coordinate & Scale Impact
</h1>
<p className="text-xl md:text-2xl text-[#58B12F] mb-4 font-medium uppercase">
Expand All @@ -57,10 +51,7 @@ export default function CoordinatePage() {

{/* The Problem */}
<section className="mb-24">
<h2
className="text-3xl md:text-4xl font-medium text-white mb-10 border-l-4 border-[#58B12F] pl-4 uppercase"
style={{ fontFamily: "var(--font-bebas-neue), sans-serif" }}
>
<h2 className="text-3xl md:text-4xl font-bebas text-white mb-10 border-l-4 border-[#58B12F] pl-4 uppercase tracking-wide">
The Problem
</h2>
<p className="text-gray-200 mb-8 text-lg">
Expand Down Expand Up @@ -131,10 +122,7 @@ export default function CoordinatePage() {

{/* What DeCleanup Provides */}
<section className="mb-24">
<h2
className="text-3xl md:text-4xl font-medium text-white mb-10 border-l-4 border-[#58B12F] pl-4 uppercase"
style={{ fontFamily: "var(--font-bebas-neue), sans-serif" }}
>
<h2 className="text-3xl md:text-4xl font-bebas text-white mb-10 border-l-4 border-[#58B12F] pl-4 uppercase tracking-wide">
What DeCleanup Provides
</h2>
<div className="bg-gray-900/30 border border-gray-800 rounded-2xl p-8 md:p-10">
Expand All @@ -160,10 +148,7 @@ export default function CoordinatePage() {
{/* DMRV as Infrastructure */}
<section className="mb-24 grid grid-cols-1 lg:grid-cols-2 gap-12">
<div>
<h2
className="text-3xl md:text-4xl font-medium text-white mb-8 border-l-4 border-[#58B12F] pl-4 uppercase"
style={{ fontFamily: "var(--font-bebas-neue), sans-serif" }}
>
<h2 className="text-3xl md:text-4xl font-bebas text-white mb-8 border-l-4 border-[#58B12F] pl-4 uppercase tracking-wide">
DMRV as Infrastructure
</h2>
<p className="text-gray-200 mb-6">
Expand Down Expand Up @@ -226,10 +211,7 @@ export default function CoordinatePage() {

{/* Governance Tools Live on Celo */}
<section className="mb-24">
<h2
className="text-3xl md:text-4xl font-medium text-white mb-10 border-l-4 border-[#58B12F] pl-4 uppercase"
style={{ fontFamily: "var(--font-bebas-neue), sans-serif" }}
>
<h2 className="text-3xl md:text-4xl font-bebas text-white mb-10 border-l-4 border-[#58B12F] pl-4 uppercase tracking-wide">
Governance Tools Live on Celo
</h2>
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
Expand Down Expand Up @@ -274,10 +256,7 @@ export default function CoordinatePage() {

{/* Example Funding Pools */}
<section className="mb-24">
<h2
className="text-3xl md:text-4xl font-medium text-white mb-10 border-l-4 border-[#58B12F] pl-4 uppercase"
style={{ fontFamily: "var(--font-bebas-neue), sans-serif" }}
>
<h2 className="text-3xl md:text-4xl font-bebas text-white mb-10 border-l-4 border-[#58B12F] pl-4 uppercase tracking-wide">
Example Funding Pools
</h2>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
Expand Down Expand Up @@ -309,10 +288,7 @@ export default function CoordinatePage() {

{/* The Outcome */}
<section className="mb-12 bg-gradient-to-r from-gray-900 to-gray-900/50 border border-gray-800 rounded-2xl p-8 md:p-12 text-center">
<h2
className="text-3xl md:text-4xl font-medium text-white mb-8 uppercase"
style={{ fontFamily: "var(--font-bebas-neue), sans-serif" }}
>
<h2 className="text-3xl md:text-4xl font-bebas text-white mb-8 uppercase tracking-wide">
The Outcome
</h2>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
Expand Down
2 changes: 1 addition & 1 deletion app/docs/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ export const metadata: Metadata = {

export default function DocsPage() {
return (
<div className="min-h-screen bg-[#0A0A0A] text-white selection:bg-[#58B12F] selection:text-white">
<div className="min-h-screen bg-[#0A0A0A] text-white font-sans selection:bg-[#58B12F] selection:text-white">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 md:py-16">
{/* Back + Header */}
<div className="mb-12 md:mb-16">
Expand Down
4 changes: 2 additions & 2 deletions app/funders/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ export const metadata: Metadata = {

export default function FundersPage() {
return (
<main className="min-h-screen bg-black text-white selection:bg-[#58B12F] selection:text-black">
<main className="min-h-screen bg-black text-white font-sans selection:bg-[#58B12F] selection:text-black">
<div className="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8 py-12 md:py-16">
{/* Back Button */}
<div className="mb-8">
Expand All @@ -38,7 +38,7 @@ export default function FundersPage() {

{/* Page Header */}
<div className="text-center mb-12 md:mb-16">
<h1 className="text-4xl md:text-5xl lg:text-6xl font-medium uppercase text-white mb-6" style={{ fontFamily: "var(--font-bebas-neue), sans-serif", letterSpacing: "0.05em" }}>
<h1 className="text-4xl md:text-5xl lg:text-6xl font-bebas uppercase text-white mb-6 tracking-wide">
For those who fund real-world impact
</h1>
<p className="text-xl md:text-2xl text-[#58B12F] mb-4 font-medium uppercase">
Expand Down
10 changes: 2 additions & 8 deletions app/get-started/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ export const metadata: Metadata = {

export default function GetStartedPage() {
return (
<main className="min-h-screen bg-black text-white overflow-x-hidden">
<main className="min-h-screen bg-black text-white font-sans overflow-x-hidden selection:bg-[#58B12F] selection:text-white">
<div className="mx-auto max-w-3xl px-4 sm:px-6 lg:px-8 py-12 md:py-16">
<div className="mb-10">
<Link
Expand All @@ -35,13 +35,7 @@ export default function GetStartedPage() {
</div>

<div className="mb-12 text-center">
<h1
className="text-4xl md:text-5xl lg:text-6xl font-medium text-white mb-6 uppercase leading-tight"
style={{
fontFamily: "var(--font-bebas-neue), sans-serif",
letterSpacing: "0.05em",
}}
>
<h1 className="text-4xl md:text-5xl lg:text-6xl font-bebas text-white mb-6 uppercase leading-tight tracking-wide">
Get started with DeCleanup Rewards
</h1>
<p className="text-xl md:text-2xl text-[#58B12F] mb-4 font-medium uppercase">
Expand Down
87 changes: 69 additions & 18 deletions app/globals.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,15 +10,26 @@
--gray-light: #1a1a1a;
--gray-medium: #2a2a2a;
--gray-dark: #111111;

/* Font variables */
--font-sans: var(--font-geist-sans);
--font-mono: var(--font-geist-mono);
--font-mono: var(--font-geist-sans);
/* Consolidating to Geist Sans */
--font-heading: var(--font-bebas-neue);

/* Brand colors */
--color-brand-green: #58B12F;
--color-brand-yellow: #FAFF00;

/* Standard Sizes */
--text-hero: 5rem;
/* 80px */
--text-section: 3rem;
/* 48px */
--text-sub: 1.875rem;
/* 30px */
--text-body: 1rem;
/* 16px */
--text-small: 0.875rem;
/* 14px */
--text-xs: 0.75rem;
/* 12px */
}

/* @theme is a valid Tailwind v4 directive */
Expand All @@ -28,6 +39,8 @@
--font-family-bebas: var(--font-bebas-neue), sans-serif;
--font-family-heading: var(--font-bebas-neue), sans-serif;
--font-family-geist: var(--font-geist-sans), sans-serif;
--font-family-mono: var(--font-geist-sans), sans-serif;
/* Standardizing mono calls */
}

* {
Expand All @@ -38,28 +51,61 @@
html {
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
}
}

body {
background: var(--background);
color: var(--foreground);
body {
background: var(--background);
color: var(--foreground);
font-family: var(--font-geist-sans), system-ui, -apple-system, sans-serif;
line-height: 1.5;
overflow-x: hidden;
overflow-y: auto;
}

/* Bebas Neue for all headings - ALL CAPS */
h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-bebas-neue), sans-serif;
font-weight: normal;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.05em;
line-height: 1.1;
}

h1 {
font-size: clamp(2.5rem, 8vw, 5rem);
}

h2 {
font-size: clamp(2rem, 5vw, 3rem);
}

h3 {
font-size: clamp(1.5rem, 3vw, 1.875rem);
}

p {
font-size: 1rem;
}

label,
.text-meta {
font-size: 0.875rem;
font-weight: 500;
}

/* Better mobile touch targets */
button, a {
button,
a {
touch-action: manipulation;
}
}

@layer utilities {

/* Brand colors */
.bg-brand-green {
Expand Down Expand Up @@ -101,6 +147,7 @@ body {
from {
opacity: 0;
}

to {
opacity: 1;
}
Expand All @@ -111,6 +158,7 @@ body {
opacity: 0;
transform: translateY(20px);
}

to {
opacity: 1;
transform: translateY(0);
Expand All @@ -122,6 +170,7 @@ body {
opacity: 0;
transform: translateY(20px);
}

to {
opacity: 1;
transform: translateY(0);
Expand All @@ -133,6 +182,7 @@ body {
opacity: 0;
transform: translateX(-20px);
}

to {
opacity: 1;
transform: translateX(0);
Expand Down Expand Up @@ -162,6 +212,7 @@ body {
from {
transform: rotate(0deg);
}

to {
transform: rotate(360deg);
}
Expand All @@ -182,10 +233,13 @@ body {

/* Who is this for - subtle border glow */
@keyframes border-glow {
0%, 100% {

0%,
100% {
border-color: rgba(88, 177, 47, 0.35);
box-shadow: 0 0 0 1px rgba(88, 177, 47, 0.2);
}

50% {
border-color: rgba(88, 177, 47, 0.6);
box-shadow: 0 0 20px rgba(88, 177, 47, 0.15);
Expand Down Expand Up @@ -224,7 +278,4 @@ body {
display: none;
}

@media (max-width: 640px) {

}

@media (max-width: 640px) {}
Loading