Skip to content

feat(brand): replace Steel logo with the new mark #142

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
fukouda merged 2 commits into from
Oct 7, 2026
Merged

feat(brand): replace Steel logo with the new mark #142

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
6b234af
feat(brand): replace Steel logo with the new mark
fukouda Oct 7, 2026
789935b
fix(home): scale metallic mark to fill the hero box
fukouda Oct 7, 2026
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
6 changes: 3 additions & 3 deletions app/(home)/_pages/page.en.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ import {
RustIcon,
TSIcon,
} from '@/components/ui/icon';
import SteelLogo from '@/public/images/logo.png';
import SteelMark from '@/public/images/steel-mark.png';

export default function HomePage() {
return (
Expand All @@ -27,7 +27,7 @@ export default function HomePage() {
<div className="flex flex-col gap-6 sm:flex-row sm:items-end">
<LiquidMetal1
className="shrink-0 self-center sm:self-auto"
image={SteelLogo as HTMLImageElement}
image={SteelMark as HTMLImageElement}
speed={1}
colorBack="#00000000"
colorTint="#FFFFFF"
Expand All @@ -37,7 +37,7 @@ export default function HomePage() {
shiftBlue={0.3}
distortion={0.07}
contour={0.4}
scale={1}
scale={1.04}
rotation={0}
angle={70}
style={{
Expand Down
Binary file modified app/favicon.ico
View file
Open in desktop
Binary file not shown.
8 changes: 5 additions & 3 deletions app/og/[...slug]/route.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -60,13 +60,15 @@ export async function GET(_req: NextRequest, props: { params: Promise<{ slug: st
width: '100%',
}}
>
<svg width="184" height="50" viewBox="0 0 92 25" fill="none">
<svg width="168" height="50" viewBox="0 0 84 25" fill="none">
<path
d="M6.39469 3C2.863 3 0 5.73424 0 9.10709C0 12.4799 2.863 15.2142 6.39469 15.2142H13.4999C13.8923 15.2142 14.2104 15.518 14.2104 15.8928C14.2104 16.2675 13.8923 16.5713 13.4999 16.5713H0.497365C0.222678 16.5713 0 16.784 0 17.0463V21.5248C0 21.7872 0.222678 21.9998 0.497365 21.9998H13.4999C17.0316 21.9998 19.8946 19.2656 19.8946 15.8928C19.8946 12.5199 17.0316 9.78566 13.4999 9.78566H6.39469C6.00228 9.78566 5.68417 9.48186 5.68417 9.10709C5.68417 8.73233 6.00228 8.42853 6.39469 8.42853H18.4434C18.4535 8.42863 18.4636 8.42868 18.4737 8.42868H20.6053C20.9977 8.42868 21.3158 8.73248 21.3158 9.10724V21.525C21.3158 21.7873 21.5385 22 21.8132 22H26.5026C26.7773 22 27 21.7873 27 21.525V9.10724C27 5.73439 24.137 3.00015 20.6053 3.00015H19.8946V3H6.39469Z"
fillRule="evenodd"
clipRule="evenodd"
d="M17.586 22C18.081 22 18.328 22 18.517 21.904C18.684 21.819 18.819 21.684 18.904 21.517C19 21.328 19 21.081 19 20.586L19 4.414C19 3.919 19 3.672 18.904 3.483C18.819 3.316 18.684 3.181 18.517 3.096C18.328 3 18.081 3 17.586 3L1.414 3C0.919 3 0.672 3 0.483 3.096C0.316 3.181 0.181 3.316 0.096 3.483C0 3.672 0 3.919 0 4.414L0 20.586C0 21.081 0 21.328 0.096 21.517C0.181 21.684 0.316 21.819 0.483 21.904C0.672 22 0.919 22 1.414 22L17.586 22ZM16.53 6.167C16.995 6.167 17.227 6.167 17.381 6.264C17.515 6.349 17.611 6.482 17.651 6.636C17.696 6.812 17.624 7.033 17.48 7.475L15.878 12.392C15.763 12.743 15.706 12.918 15.599 13.048C15.504 13.162 15.382 13.251 15.243 13.306C15.087 13.368 14.902 13.368 14.533 13.368L2.592 13.368C2.039 13.368 1.762 13.368 1.638 13.26C1.53 13.166 1.474 13.026 1.488 12.883C1.504 12.719 1.704 12.529 2.105 12.148L7.588 6.944C7.89 6.657 8.041 6.513 8.216 6.411C8.37 6.32 8.538 6.253 8.712 6.212C8.909 6.167 9.118 6.167 9.535 6.167L16.53 6.167Z"
fill="#EEEEEC"
/>
<path
d="M43.08 14.68C43.34 16.2 44.42 17.2 46.2 17.2C47.56 17.2 48.48 16.66 48.46 15.62C48.44 14.58 47.56 13.98 45.34 13.44C42.26 12.7 40.28 11.46 40.28 9.18C40.28 6.6 42.44 4.98 45.68 4.98C48.84 4.98 51 6.92 51.34 9.78L48.3 9.94C48.14 8.44 47.1 7.5 45.6 7.5C44.28 7.5 43.34 8.18 43.4 9.22C43.44 10.42 44.84 10.82 46.36 11.2C49.54 11.9 51.56 13.26 51.56 15.52C51.56 18.22 49.18 19.74 46.12 19.74C42.66 19.74 40.22 17.82 40.02 14.82L43.08 14.68ZM54.5283 6.48H57.5483V8.9H60.3083V11.12H57.5483V16.04C57.5483 16.82 57.9483 17.26 58.7083 17.26H60.3283V19.5H58.0683C55.7283 19.5 54.5283 18.34 54.5283 16.04V11.12H52.8083V8.9H54.5283V6.48ZM61.4988 14.2C61.4988 10.86 63.6388 8.66 66.9388 8.66C69.8788 8.66 72.1388 10.7 72.1188 14.42V14.98H64.6388C64.7188 16.56 65.5788 17.52 66.9388 17.52C67.7988 17.52 68.5988 17 68.9388 16.2L71.9788 16.4C71.3388 18.46 69.3588 19.74 66.9388 19.74C63.6388 19.74 61.4988 17.54 61.4988 14.2ZM64.6588 13.16H69.0788C68.9188 11.56 67.9988 10.88 66.9388 10.88C65.6588 10.88 64.8188 11.74 64.6588 13.16ZM73.6863 14.2C73.6863 10.86 75.8263 8.66 79.1263 8.66C82.0663 8.66 84.3263 10.7 84.3063 14.42V14.98H76.8263C76.9063 16.56 77.7663 17.52 79.1263 17.52C79.9863 17.52 80.7863 17 81.1263 16.2L84.1663 16.4C83.5263 18.46 81.5463 19.74 79.1263 19.74C75.8263 19.74 73.6863 17.54 73.6863 14.2ZM76.8463 13.16H81.2663C81.1063 11.56 80.1863 10.88 79.1263 10.88C77.8463 10.88 77.0063 11.74 76.8463 13.16ZM86.4137 5.3H89.4138V16.42C89.4138 16.96 89.7138 17.26 90.2337 17.26H90.9938V19.5H89.3538C87.5738 19.5 86.4137 18.44 86.4137 16.56V5.3Z"
d="M35.08 14.68C35.34 16.2 36.42 17.2 38.2 17.2C39.56 17.2 40.48 16.66 40.46 15.62C40.44 14.58 39.56 13.98 37.34 13.44C34.26 12.7 32.28 11.46 32.28 9.18C32.28 6.6 34.44 4.98 37.68 4.98C40.84 4.98 43 6.92 43.34 9.78L40.3 9.94C40.14 8.44 39.1 7.5 37.6 7.5C36.28 7.5 35.34 8.18 35.4 9.22C35.44 10.42 36.84 10.82 38.36 11.2C41.54 11.9 43.56 13.26 43.56 15.52C43.56 18.22 41.18 19.74 38.12 19.74C34.66 19.74 32.22 17.82 32.02 14.82L35.08 14.68ZM46.528 6.48H49.548V8.9H52.308V11.12H49.548V16.04C49.548 16.82 49.948 17.26 50.708 17.26H52.328V19.5H50.068C47.728 19.5 46.528 18.34 46.528 16.04V11.12H44.808V8.9H46.528V6.48ZM53.499 14.2C53.499 10.86 55.639 8.66 58.939 8.66C61.879 8.66 64.139 10.7 64.119 14.42V14.98H56.639C56.719 16.56 57.579 17.52 58.939 17.52C59.799 17.52 60.599 17 60.939 16.2L63.979 16.4C63.339 18.46 61.359 19.74 58.939 19.74C55.639 19.74 53.499 17.54 53.499 14.2ZM56.659 13.16H61.079C60.919 11.56 59.999 10.88 58.939 10.88C57.659 10.88 56.819 11.74 56.659 13.16ZM65.686 14.2C65.686 10.86 67.826 8.66 71.126 8.66C74.066 8.66 76.326 10.7 76.306 14.42V14.98H68.826C68.906 16.56 69.766 17.52 71.126 17.52C71.986 17.52 72.786 17 73.126 16.2L76.166 16.4C75.526 18.46 73.546 19.74 71.126 19.74C67.826 19.74 65.686 17.54 65.686 14.2ZM68.846 13.16H73.266C73.106 11.56 72.186 10.88 71.126 10.88C69.846 10.88 69.006 11.74 68.846 13.16ZM78.414 5.3H81.414V16.42C81.414 16.96 81.714 17.26 82.234 17.26H82.994V19.5H81.354C79.574 19.5 78.414 18.44 78.414 16.56V5.3Z"
fill="#EDEDEC"
/>
</svg>
Expand Down
19 changes: 3 additions & 16 deletions components/callout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
import { AlertTriangle, Info, Star } from 'lucide-react';
import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';
import { SteelMark } from '@/components/ui/icon';
import { cn } from '@/lib/utils';

type CalloutProps = Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'type' | 'icon'> & {
Expand Down Expand Up @@ -36,10 +37,7 @@ export const Callout = forwardRef<HTMLDivElement, CalloutProps>(
warn: <AlertTriangle className="w-4 h-4 dark:text-[#F96]" />,
help: (
<div className="bg-primary w-fit rounded-[4px] p-[0.275rem] text-white dark:text-neutral-950 [&_svg]:size-2">
<path
d="M6.39469 3C2.863 3 0 5.73424 0 9.10709C0 12.4799 2.863 15.2142 6.39469 15.2142H13.4999C13.8923 15.2142 14.2104 15.518 14.2104 15.8928C14.2104 16.2675 13.8923 16.5713 13.4999 16.5713H0.497365C0.222678 16.5713 0 16.784 0 17.0463V21.5248C0 21.7872 0.222678 21.9998 0.497365 21.9998H13.4999C17.0316 21.9998 19.8946 19.2656 19.8946 15.8928C19.8946 12.5199 17.0316 9.78566 13.4999 9.78566H6.39469C6.00228 9.78566 5.68417 9.48186 5.68417 9.10709C5.68417 8.73233 6.00228 8.42853 6.39469 8.42853H18.4434C18.4535 8.42863 18.4636 8.42868 18.4737 8.42868H20.6053C20.9977 8.42868 21.3158 8.73248 21.3158 9.10724V21.525C21.3158 21.7873 21.5385 22 21.8132 22H26.5026C26.7773 22 27 21.7873 27 21.525V9.10724C27 5.73439 24.137 3.00015 20.6053 3.00015H19.8946V3H6.39469Z"
fill="#EEEEEC"
/>
<SteelMark />
</div>
),
}[type]}
Expand All @@ -54,18 +52,7 @@ export const Callout = forwardRef<HTMLDivElement, CalloutProps>(
warn: <AlertTriangle className="w-4 h-4 dark:text-[#F96]" />,
help: (
<div className="bg-primary w-fit rounded-[4px] p-[0.275rem] text-white dark:text-neutral-950 [&_svg]:size-4">
<svg
width="28"
height="25"
viewBox="0 0 28 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.39469 3C2.863 3 0 5.73424 0 9.10709C0 12.4799 2.863 15.2142 6.39469 15.2142H13.4999C13.8923 15.2142 14.2104 15.518 14.2104 15.8928C14.2104 16.2675 13.8923 16.5713 13.4999 16.5713H0.497365C0.222678 16.5713 0 16.784 0 17.0463V21.5248C0 21.7872 0.222678 21.9998 0.497365 21.9998H13.4999C17.0316 21.9998 19.8946 19.2656 19.8946 15.8928C19.8946 12.5199 17.0316 9.78566 13.4999 9.78566H6.39469C6.00228 9.78566 5.68417 9.48186 5.68417 9.10709C5.68417 8.73233 6.00228 8.42853 6.39469 8.42853H18.4434C18.4535 8.42863 18.4636 8.42868 18.4737 8.42868H20.6053C20.9977 8.42868 21.3158 8.73248 21.3158 9.10724V21.525C21.3158 21.7873 21.5385 22 21.8132 22H26.5026C26.7773 22 27 21.7873 27 21.525V9.10724C27 5.73439 24.137 3.00015 20.6053 3.00015H19.8946V3H6.39469Z"
fill="currentColor"
/>
</svg>
<SteelMark />
</div>
),
}[type]}
Expand Down
21 changes: 18 additions & 3 deletions components/ui/icon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -203,19 +203,34 @@ export function Bug(props: any) {

export function DocsLogo(props: any) {
return (
<svg width="92" height="25" viewBox="0 0 92 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg width="84" height="25" viewBox="0 0 84 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M6.39469 3C2.863 3 0 5.73424 0 9.10709C0 12.4799 2.863 15.2142 6.39469 15.2142H13.4999C13.8923 15.2142 14.2104 15.518 14.2104 15.8928C14.2104 16.2675 13.8923 16.5713 13.4999 16.5713H0.497365C0.222678 16.5713 0 16.784 0 17.0463V21.5248C0 21.7872 0.222678 21.9998 0.497365 21.9998H13.4999C17.0316 21.9998 19.8946 19.2656 19.8946 15.8928C19.8946 12.5199 17.0316 9.78566 13.4999 9.78566H6.39469C6.00228 9.78566 5.68417 9.48186 5.68417 9.10709C5.68417 8.73233 6.00228 8.42853 6.39469 8.42853H18.4434C18.4535 8.42863 18.4636 8.42868 18.4737 8.42868H20.6053C20.9977 8.42868 21.3158 8.73248 21.3158 9.10724V21.525C21.3158 21.7873 21.5385 22 21.8132 22H26.5026C26.7773 22 27 21.7873 27 21.525V9.10724C27 5.73439 24.137 3.00015 20.6053 3.00015H19.8946V3H6.39469Z"
fillRule="evenodd"
clipRule="evenodd"
d="M17.586 22C18.081 22 18.328 22 18.517 21.904C18.684 21.819 18.819 21.684 18.904 21.517C19 21.328 19 21.081 19 20.586L19 4.414C19 3.919 19 3.672 18.904 3.483C18.819 3.316 18.684 3.181 18.517 3.096C18.328 3 18.081 3 17.586 3L1.414 3C0.919 3 0.672 3 0.483 3.096C0.316 3.181 0.181 3.316 0.096 3.483C0 3.672 0 3.919 0 4.414L0 20.586C0 21.081 0 21.328 0.096 21.517C0.181 21.684 0.316 21.819 0.483 21.904C0.672 22 0.919 22 1.414 22L17.586 22ZM16.53 6.167C16.995 6.167 17.227 6.167 17.381 6.264C17.515 6.349 17.611 6.482 17.651 6.636C17.696 6.812 17.624 7.033 17.48 7.475L15.878 12.392C15.763 12.743 15.706 12.918 15.599 13.048C15.504 13.162 15.382 13.251 15.243 13.306C15.087 13.368 14.902 13.368 14.533 13.368L2.592 13.368C2.039 13.368 1.762 13.368 1.638 13.26C1.53 13.166 1.474 13.026 1.488 12.883C1.504 12.719 1.704 12.529 2.105 12.148L7.588 6.944C7.89 6.657 8.041 6.513 8.216 6.411C8.37 6.32 8.538 6.253 8.712 6.212C8.909 6.167 9.118 6.167 9.535 6.167L16.53 6.167Z"
fill="#EEEEEC"
/>
<path
d="M43.08 14.68C43.34 16.2 44.42 17.2 46.2 17.2C47.56 17.2 48.48 16.66 48.46 15.62C48.44 14.58 47.56 13.98 45.34 13.44C42.26 12.7 40.28 11.46 40.28 9.18C40.28 6.6 42.44 4.98 45.68 4.98C48.84 4.98 51 6.92 51.34 9.78L48.3 9.94C48.14 8.44 47.1 7.5 45.6 7.5C44.28 7.5 43.34 8.18 43.4 9.22C43.44 10.42 44.84 10.82 46.36 11.2C49.54 11.9 51.56 13.26 51.56 15.52C51.56 18.22 49.18 19.74 46.12 19.74C42.66 19.74 40.22 17.82 40.02 14.82L43.08 14.68ZM54.5283 6.48H57.5483V8.9H60.3083V11.12H57.5483V16.04C57.5483 16.82 57.9483 17.26 58.7083 17.26H60.3283V19.5H58.0683C55.7283 19.5 54.5283 18.34 54.5283 16.04V11.12H52.8083V8.9H54.5283V6.48ZM61.4988 14.2C61.4988 10.86 63.6388 8.66 66.9388 8.66C69.8788 8.66 72.1388 10.7 72.1188 14.42V14.98H64.6388C64.7188 16.56 65.5788 17.52 66.9388 17.52C67.7988 17.52 68.5988 17 68.9388 16.2L71.9788 16.4C71.3388 18.46 69.3588 19.74 66.9388 19.74C63.6388 19.74 61.4988 17.54 61.4988 14.2ZM64.6588 13.16H69.0788C68.9188 11.56 67.9988 10.88 66.9388 10.88C65.6588 10.88 64.8188 11.74 64.6588 13.16ZM73.6863 14.2C73.6863 10.86 75.8263 8.66 79.1263 8.66C82.0663 8.66 84.3263 10.7 84.3063 14.42V14.98H76.8263C76.9063 16.56 77.7663 17.52 79.1263 17.52C79.9863 17.52 80.7863 17 81.1263 16.2L84.1663 16.4C83.5263 18.46 81.5463 19.74 79.1263 19.74C75.8263 19.74 73.6863 17.54 73.6863 14.2ZM76.8463 13.16H81.2663C81.1063 11.56 80.1863 10.88 79.1263 10.88C77.8463 10.88 77.0063 11.74 76.8463 13.16ZM86.4137 5.3H89.4138V16.42C89.4138 16.96 89.7138 17.26 90.2337 17.26H90.9938V19.5H89.3538C87.5738 19.5 86.4137 18.44 86.4137 16.56V5.3Z"
d="M35.08 14.68C35.34 16.2 36.42 17.2 38.2 17.2C39.56 17.2 40.48 16.66 40.46 15.62C40.44 14.58 39.56 13.98 37.34 13.44C34.26 12.7 32.28 11.46 32.28 9.18C32.28 6.6 34.44 4.98 37.68 4.98C40.84 4.98 43 6.92 43.34 9.78L40.3 9.94C40.14 8.44 39.1 7.5 37.6 7.5C36.28 7.5 35.34 8.18 35.4 9.22C35.44 10.42 36.84 10.82 38.36 11.2C41.54 11.9 43.56 13.26 43.56 15.52C43.56 18.22 41.18 19.74 38.12 19.74C34.66 19.74 32.22 17.82 32.02 14.82L35.08 14.68ZM46.528 6.48H49.548V8.9H52.308V11.12H49.548V16.04C49.548 16.82 49.948 17.26 50.708 17.26H52.328V19.5H50.068C47.728 19.5 46.528 18.34 46.528 16.04V11.12H44.808V8.9H46.528V6.48ZM53.499 14.2C53.499 10.86 55.639 8.66 58.939 8.66C61.879 8.66 64.139 10.7 64.119 14.42V14.98H56.639C56.719 16.56 57.579 17.52 58.939 17.52C59.799 17.52 60.599 17 60.939 16.2L63.979 16.4C63.339 18.46 61.359 19.74 58.939 19.74C55.639 19.74 53.499 17.54 53.499 14.2ZM56.659 13.16H61.079C60.919 11.56 59.999 10.88 58.939 10.88C57.659 10.88 56.819 11.74 56.659 13.16ZM65.686 14.2C65.686 10.86 67.826 8.66 71.126 8.66C74.066 8.66 76.326 10.7 76.306 14.42V14.98H68.826C68.906 16.56 69.766 17.52 71.126 17.52C71.986 17.52 72.786 17 73.126 16.2L76.166 16.4C75.526 18.46 73.546 19.74 71.126 19.74C67.826 19.74 65.686 17.54 65.686 14.2ZM68.846 13.16H73.266C73.106 11.56 72.186 10.88 71.126 10.88C69.846 10.88 69.006 11.74 68.846 13.16ZM78.414 5.3H81.414V16.42C81.414 16.96 81.714 17.26 82.234 17.26H82.994V19.5H81.354C79.574 19.5 78.414 18.44 78.414 16.56V5.3Z"
fill="#EDEDEC"
/>
</svg>
);
}

export function SteelMark(props: SVGProps<SVGSVGElement>): JSX.Element {
return (
<svg viewBox="0 0 297.017 297.017" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M274.913 297.017C282.65 297.017 286.519 297.017 289.474 295.511C292.073 294.187 294.187 292.073 295.511 289.474C297.017 286.519 297.017 282.65 297.017 274.913L297.017 22.1037C297.017 14.3667 297.017 10.4982 295.511 7.54305C294.187 4.94364 292.073 2.83025 289.474 1.50579C286.519 6.93301e-05 282.65 6.83365e-05 274.913 6.63073e-05L22.1037 4.707e-09C14.3667 -2.02446e-06 10.4982 -3.003e-06 7.54304 1.50571C4.94364 2.83018 2.83025 4.94356 1.50579 7.54297C6.933e-05 10.4981 6.83378e-05 14.3666 6.63086e-05 22.1036L4.707e-09 274.913C-2.02446e-06 282.65 -3.003e-06 286.519 1.50571 289.474C2.83018 292.073 4.94356 294.187 7.54297 295.511C10.4981 297.017 14.3666 297.017 22.1036 297.017L274.913 297.017ZM258.402 49.5029C265.672 49.5029 269.307 49.5029 271.703 51.0237C273.799 52.3552 275.31 54.4359 275.926 56.8421C276.63 59.5905 275.504 63.0468 273.251 69.9593L248.206 146.82C246.42 152.303 245.526 155.045 243.847 157.073C242.363 158.864 240.452 160.251 238.29 161.107C235.841 162.076 232.957 162.076 227.19 162.076L40.5161 162.076C31.8731 162.076 27.5516 162.076 25.6037 160.386C23.9145 158.92 23.0394 156.727 23.2554 154.501C23.5046 151.934 26.6388 148.959 32.9072 143.009L118.614 61.6483C123.341 57.1612 125.705 54.9176 128.429 53.3154C130.846 51.8946 133.464 50.8498 136.194 50.2167C139.274 49.5029 142.532 49.5029 149.05 49.5029L258.402 49.5029Z"
fill="currentColor"
/>
</svg>
);
}

export function API(props: SVGProps<SVGSVGElement>): JSX.Element {
return (
<svg
Expand Down
Loading
Loading