Skip to content

Commit ff28947

Browse files
dschwarz26dschwarz26
authored
Adopt fonts from the product, and add links to other landing pages (#121)
1 parent 4f5e5dd commit ff28947

5 files changed

Lines changed: 109 additions & 21 deletions

File tree

‎docs-site/src/app/globals.css‎

Lines changed: 76 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,11 @@
33
--background: #ffffff;
44
--muted: #6b7280;
55
--border: #e5e7eb;
6-
--accent: #2563eb;
7-
--accent-light: #dbeafe;
6+
--accent: #4D4FBD;
7+
--accent-light: #f0f0ff;
8+
--brand-primary: #0F1257;
9+
--brand-secondary: #1D1F8A;
10+
--brand-accent: #9294F0;
811
--code-bg: #f3f4f6;
912
--code-block-bg: #1e293b;
1013
}
@@ -19,7 +22,7 @@ html,
1922
body {
2023
max-width: 100vw;
2124
overflow-x: hidden;
22-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
25+
font-family: var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
2326
color: var(--foreground);
2427
background: var(--background);
2528
}
@@ -49,11 +52,35 @@ a:hover {
4952
}
5053

5154
.docs-sidebar-logo {
52-
font-size: 1.25rem;
53-
font-weight: 700;
54-
color: var(--foreground);
5555
margin-bottom: 2rem;
56-
display: block;
56+
display: flex;
57+
align-items: center;
58+
gap: 0.5rem;
59+
}
60+
61+
.docs-sidebar-logo-text {
62+
font-family: var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;
63+
font-size: 1.125rem;
64+
font-weight: 500;
65+
color: var(--brand-primary);
66+
text-decoration: none;
67+
}
68+
69+
.docs-sidebar-logo-text:hover {
70+
text-decoration: none;
71+
opacity: 0.8;
72+
}
73+
74+
.docs-sidebar-logo-chip {
75+
font-family: var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
76+
font-size: 0.6875rem;
77+
font-weight: 500;
78+
color: var(--accent);
79+
background: var(--accent-light);
80+
padding: 0.125rem 0.4rem;
81+
border-radius: 0.25rem;
82+
letter-spacing: 0.02em;
83+
text-decoration: none;
5784
}
5885

5986
.docs-sidebar-section {
@@ -102,11 +129,42 @@ a:hover {
102129
.docs-content {
103130
flex: 1;
104131
overflow-y: auto;
132+
position: relative;
133+
}
134+
135+
.docs-top-bar {
136+
position: sticky;
137+
top: 0;
138+
z-index: 10;
139+
display: flex;
140+
justify-content: flex-end;
141+
padding: 0.75rem 1.5rem;
142+
background: var(--background);
143+
border-bottom: 1px solid var(--border);
144+
}
145+
146+
.docs-futuresearch-link {
147+
font-family: var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;
148+
font-size: 0.75rem;
149+
font-weight: 300;
150+
color: var(--brand-primary);
151+
letter-spacing: 0.02em;
152+
text-decoration: none;
153+
}
154+
155+
.docs-futuresearch-link:hover {
156+
text-decoration: none;
157+
opacity: 0.8;
158+
}
159+
160+
.docs-futuresearch-link .highlight {
161+
color: var(--brand-accent);
162+
font-weight: 400;
105163
}
106164

107165
.docs-content-inner {
108166
max-width: 900px;
109-
padding: 3rem 4rem;
167+
padding: 1.8rem 2.4rem;
110168
}
111169

112170
/* Prose styles for markdown content */
@@ -157,7 +215,7 @@ a:hover {
157215
padding: 0.2rem 0.4rem;
158216
border-radius: 0.25rem;
159217
font-size: 0.875em;
160-
font-family: ui-monospace, "SF Mono", Monaco, "Cascadia Code", monospace;
218+
font-family: var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;
161219
}
162220

163221
.prose pre {
@@ -267,6 +325,12 @@ a:hover {
267325
line-height: 1.2;
268326
}
269327

328+
.landing-title-brand {
329+
font-family: var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;
330+
color: var(--brand-primary);
331+
font-weight: 600;
332+
}
333+
270334
.landing-subtitle {
271335
font-size: 1.125rem;
272336
color: var(--muted);
@@ -293,7 +357,7 @@ a:hover {
293357

294358
.landing-card:hover {
295359
border-color: var(--accent);
296-
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.1);
360+
box-shadow: 0 4px 12px rgba(77, 79, 189, 0.1);
297361
text-decoration: none;
298362
}
299363

@@ -354,7 +418,7 @@ a:hover {
354418
border-radius: 0.5rem;
355419
margin-bottom: 0.75rem;
356420
font-size: 0.875rem;
357-
font-family: ui-monospace, "SF Mono", Monaco, "Cascadia Code", monospace;
421+
font-family: var(--font-jetbrains), "JetBrains Mono", ui-monospace, monospace;
358422
}
359423

360424
.landing-quickstart p {
@@ -606,7 +670,7 @@ noscript + .installation-tabs .tab-content:first-child {
606670
}
607671

608672
.docs-content-inner {
609-
padding: 2rem 1.5rem;
673+
padding: 1.2rem 0.9rem;
610674
}
611675

612676
.landing-grid {

‎docs-site/src/app/layout.tsx‎

Lines changed: 15 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,24 @@
11
import type { Metadata } from "next";
22
import { Suspense } from "react";
3+
import { Inter, JetBrains_Mono } from "next/font/google";
34
import "highlight.js/styles/github-dark.min.css";
45
import "@/styles/notebook.css";
56
import "./globals.css";
67
import { PostHogProvider } from "@/components/providers/PostHogProvider";
78

9+
const inter = Inter({
10+
subsets: ["latin"],
11+
display: "swap",
12+
variable: "--font-inter",
13+
});
14+
15+
const jetbrainsMono = JetBrains_Mono({
16+
subsets: ["latin"],
17+
display: "swap",
18+
weight: ["300", "400", "500"],
19+
variable: "--font-jetbrains",
20+
});
21+
822
export const metadata: Metadata = {
923
metadataBase: new URL("https://everyrow.io"),
1024
title: "Everyrow Documentation",
@@ -22,7 +36,7 @@ export default function RootLayout({
2236
children: React.ReactNode;
2337
}) {
2438
return (
25-
<html lang="en">
39+
<html lang="en" className={`${inter.variable} ${jetbrainsMono.variable}`}>
2640
<body>
2741
<Suspense fallback={null}>
2842
<PostHogProvider>{children}</PostHogProvider>

‎docs-site/src/app/page.tsx‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,14 @@ import { getNavigation, type NavSection } from "@/utils/docs";
66
export const metadata: Metadata = {
77
title: "Everyrow Documentation",
88
description:
9-
"Process every row of your data with AI-powered research, deduplication, merging, ranking, and screening.",
9+
"Run LLM Research Agents at Scale",
1010
alternates: {
1111
canonical: "https://everyrow.io/docs",
1212
},
1313
openGraph: {
1414
title: "Everyrow Documentation",
1515
description:
16-
"Process every row of your data with AI-powered research, deduplication, merging, ranking, and screening.",
16+
"Run LLM Research Agents at Scale",
1717
url: "https://everyrow.io/docs",
1818
images: [{ url: "https://everyrow.io/everyrow-og.png" }],
1919
},
@@ -109,10 +109,9 @@ export default function DocsHome() {
109109
return (
110110
<DocsLayout navigation={navigation}>
111111
<div className="landing-hero">
112-
<h1 className="landing-title">everyrow documentation</h1>
112+
<h1 className="landing-title"><span className="landing-title-brand">everyrow</span> documentation</h1>
113113
<p className="landing-subtitle">
114-
Process every row of your data with AI-powered research, deduplication,
115-
merging, ranking, and screening.
114+
Run LLM Research Agents at Scale
116115
</p>
117116
</div>
118117

‎docs-site/src/components/DocsLayout.tsx‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,16 @@ export function DocsLayout({ navigation, children }: DocsLayoutProps) {
1212
<div className="docs-layout">
1313
<Sidebar navigation={navigation} />
1414
<main className="docs-content">
15+
<div className="docs-top-bar">
16+
<a
17+
href="https://futuresearch.ai"
18+
target="_blank"
19+
rel="noopener noreferrer"
20+
className="docs-futuresearch-link"
21+
>
22+
by futu<span className="highlight">re</span>search
23+
</a>
24+
</div>
1525
<div className="docs-content-inner">
1626
{children}
1727
<CodeBlockEnhancer />

‎docs-site/src/components/Sidebar.tsx‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,9 +17,10 @@ export function Sidebar({ navigation }: SidebarProps) {
1717

1818
return (
1919
<aside className="docs-sidebar">
20-
<Link href="/" className="docs-sidebar-logo">
21-
Everyrow
22-
</Link>
20+
<div className="docs-sidebar-logo">
21+
<a href="https://everyrow.io" className="docs-sidebar-logo-text">everyrow</a>
22+
<Link href="/" className="docs-sidebar-logo-chip">docs</Link>
23+
</div>
2324

2425
{navigation.map((section) => (
2526
<div key={section.title} className="docs-sidebar-section">

0 commit comments

Comments
 (0)