Skip to content
Merged
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: 1 addition & 1 deletion apps/docs/app/docs/[[...slug]]/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ export default async function Page(props: { params: Promise<{ slug?: string[] }>

return (
<DocsPage toc={page.data.toc} full={page.data.full}>
<DocsTitle className="fd-title">{page.data.title}</DocsTitle>
<DocsTitle className='fd-title'>{page.data.title}</DocsTitle>
<DocsDescription>{page.data.description}</DocsDescription>
<DocsBody>
<MDX components={{ ...defaultMdxComponents }} />
Expand Down
34 changes: 24 additions & 10 deletions apps/docs/app/global.css
Original file line number Diff line number Diff line change
Expand Up @@ -10,18 +10,18 @@
dark sets are the same. */
:root,
.dark {
--fd-background: 35.90 13.33% 6.44%; /* ground */
--fd-background: 35.9 13.33% 6.44%; /* ground */
--fd-foreground: 40.98 17.86% 94.35%; /* ink */
--fd-muted: 35.90 10.31% 10.26%; /* raise */
--fd-muted: 35.9 10.31% 10.26%; /* raise */
--fd-muted-foreground: 38.31 2.74% 58.05%; /* ink-3 */
--fd-popover: 35.90 10.31% 10.26%; /* raise */
--fd-popover: 35.9 10.31% 10.26%; /* raise */
--fd-popover-foreground: 40.98 17.86% 94.35%; /* ink */
--fd-card: 35.90 10.31% 10.26%; /* raise */
--fd-card: 35.9 10.31% 10.26%; /* raise */
--fd-card-foreground: 40.98 17.86% 94.35%; /* ink */
--fd-border: 35.88 7.98% 13.76%; /* rule-faint */
--fd-primary: 31.77 82.03% 66.98%; /* now, the amber */
--fd-primary-foreground: 28.39 57.39% 8.52%; /* now-ink */
--fd-secondary: 35.90 10.31% 10.26%; /* raise */
--fd-secondary: 35.9 10.31% 10.26%; /* raise */
--fd-secondary-foreground: 40.98 17.86% 94.35%; /* ink */
--fd-accent: 35.89 8.65% 14.65%; /* raise-hi */
--fd-accent-foreground: 40.98 17.86% 94.35%; /* ink */
Expand All @@ -30,8 +30,22 @@
}

/* the Foundation's type: headings set light, with tight tracking, as on foundation.org.ai */
.fd-title { font-weight: 360; letter-spacing: -0.025em; }
.prose h1 { font-weight: 340; letter-spacing: -0.03em; }
.prose h2 { font-weight: 400; letter-spacing: -0.02em; }
.prose h3 { font-weight: 500; letter-spacing: -0.012em; }
.prose h4 { font-weight: 600; }
.fd-title {
font-weight: 360;
letter-spacing: -0.025em;
}
.prose h1 {
font-weight: 340;
letter-spacing: -0.03em;
}
.prose h2 {
font-weight: 400;
letter-spacing: -0.02em;
}
.prose h3 {
font-weight: 500;
letter-spacing: -0.012em;
}
.prose h4 {
font-weight: 600;
}
14 changes: 7 additions & 7 deletions apps/docs/lib/org-ai-mark.tsx
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
/** The Org.AI Foundation's mark: six ovals turning, the last one amber. The five take the text colour, so the mark follows the theme. */
export function OrgAiMark({ size = 24 }: { size?: number }) {
return (
<svg viewBox="0 0 48 48" width={size} height={size} aria-hidden="true" focusable="false">
<ellipse cx="20.32" cy="37.72" rx="6.8" ry="3.9" transform="rotate(129 20.32 37.72)" fill="currentColor" />
<ellipse cx="10.28" cy="27.68" rx="6.8" ry="3.9" transform="rotate(189 10.28 27.68)" fill="currentColor" />
<ellipse cx="13.96" cy="13.96" rx="6.8" ry="3.9" transform="rotate(249 13.96 13.96)" fill="currentColor" />
<ellipse cx="27.68" cy="10.28" rx="6.8" ry="3.9" transform="rotate(309 27.68 10.28)" fill="currentColor" />
<ellipse cx="37.72" cy="20.32" rx="6.8" ry="3.9" transform="rotate(369 37.72 20.32)" fill="currentColor" />
<ellipse cx="34.04" cy="34.04" rx="6.8" ry="3.9" transform="rotate(429 34.04 34.04)" fill="#f0af66" />
<svg viewBox='0 0 48 48' width={size} height={size} aria-hidden='true' focusable='false'>
<ellipse cx='20.32' cy='37.72' rx='6.8' ry='3.9' transform='rotate(129 20.32 37.72)' fill='currentColor' />
<ellipse cx='10.28' cy='27.68' rx='6.8' ry='3.9' transform='rotate(189 10.28 27.68)' fill='currentColor' />
<ellipse cx='13.96' cy='13.96' rx='6.8' ry='3.9' transform='rotate(249 13.96 13.96)' fill='currentColor' />
<ellipse cx='27.68' cy='10.28' rx='6.8' ry='3.9' transform='rotate(309 27.68 10.28)' fill='currentColor' />
<ellipse cx='37.72' cy='20.32' rx='6.8' ry='3.9' transform='rotate(369 37.72 20.32)' fill='currentColor' />
<ellipse cx='34.04' cy='34.04' rx='6.8' ry='3.9' transform='rotate(429 34.04 34.04)' fill='#f0af66' />
</svg>
)
}
Loading