mirror of
https://github.com/getAlby/hub.git
synced 2026-08-13 12:33:39 +02:00
feat: new branding (#1882)
* feat: new logo * feat: default avatar * fix: cleanup * feat: product logos * fix: update docs logo * fix: monochrome logo * fix: update alby logo * fix: updated product logos * fix: compress pngs * fix: sidebar colors + default avatar
This commit is contained in:
René Aaron
GitHub
parent
0c7cf4fcf6
commit
fdcae6baea
13 changed files with 31 additions and 156 deletions
60
doc/logo.svg
60
doc/logo.svg
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 7.4 KiB After Width: | Height: | Size: 6.7 KiB |
|
|
@ -1,11 +0,0 @@
|
|||
<svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle r="30" transform="matrix(-1 0 0 1 77 113)" fill="black"/>
|
||||
<path d="M72 108.5L128 164.5" stroke="black" stroke-width="15"/>
|
||||
<circle cx="322" cy="113" r="30" fill="black"/>
|
||||
<path d="M327.5 108.5L271.5 164.5" stroke="black" stroke-width="15"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M85.5153 292.019C69.3464 284.321 59.9362 267.036 63.0884 249.407C76.6175 173.747 133 117 200.5 117C268.163 117 324.655 174.023 338.009 249.958C341.115 267.618 331.628 284.895 315.404 292.53C280.687 308.868 241.91 318 201 318C159.665 318 120.507 308.677 85.5153 292.019Z" fill="#FFDF6F"/>
|
||||
<path d="M338.009 249.958L345.396 248.659L338.009 249.958ZM315.404 292.53L312.21 285.744L315.404 292.53ZM70.4713 250.728C83.5441 177.62 137.582 124.5 200.5 124.5V109.5C128.418 109.5 69.691 169.875 55.7055 248.087L70.4713 250.728ZM200.5 124.5C263.569 124.5 317.718 177.879 330.622 251.257L345.396 248.659C331.592 170.166 272.758 109.5 200.5 109.5V124.5ZM312.21 285.744C278.472 301.621 240.783 310.5 201 310.5V325.5C243.037 325.5 282.902 316.114 318.597 299.317L312.21 285.744ZM201 310.5C160.804 310.5 122.745 301.436 88.7391 285.247L82.2916 298.791C118.269 315.918 158.526 325.5 201 325.5V310.5ZM330.622 251.257C333.112 265.416 325.531 279.476 312.21 285.744L318.597 299.317C337.725 290.315 349.117 269.82 345.396 248.659L330.622 251.257ZM55.7055 248.087C51.9283 269.211 63.2296 289.716 82.2916 298.791L88.7391 285.247C75.4631 278.927 67.9441 264.86 70.4713 250.728L55.7055 248.087Z" fill="black"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M114.365 273.209C101.35 267.908 93.6291 254.06 98.139 240.75C112.047 199.704 152.618 170 200.5 170C248.382 170 288.953 199.704 302.861 240.75C307.371 254.06 299.65 267.908 286.635 273.209C260.053 284.035 230.973 290 200.5 290C170.027 290 140.947 284.035 114.365 273.209Z" fill="black"/>
|
||||
<ellipse cx="235" cy="234" rx="25" ry="20" fill="white"/>
|
||||
<ellipse cx="163.432" cy="234.012" rx="25" ry="20" fill="white"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2 KiB |
BIN
frontend/src/assets/suggested-apps/alby-extension.png
Normal file
BIN
frontend/src/assets/suggested-apps/alby-extension.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.9 KiB After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.8 KiB After Width: | Height: | Size: 9 KiB |
|
|
@ -16,9 +16,10 @@ import {
|
|||
import React from "react";
|
||||
|
||||
import { Link, NavLink, useNavigate } from "react-router-dom";
|
||||
import albyHub from "src/assets/suggested-apps/alby-hub.png";
|
||||
|
||||
import ExternalLink from "src/components/ExternalLink";
|
||||
import { AlbyIcon } from "src/components/icons/Alby";
|
||||
import { AlbyHubIcon } from "src/components/icons/AlbyHubIcon";
|
||||
import { AlbyHubLogo } from "src/components/icons/AlbyHubLogo";
|
||||
import SidebarHint from "src/components/SidebarHint";
|
||||
import {
|
||||
|
|
@ -124,7 +125,7 @@ export function AppSidebar() {
|
|||
<SidebarHeader>
|
||||
<div className="p-2 flex flex-row items-center justify-between">
|
||||
<Link to="/home" onClick={() => setOpenMobile(false)}>
|
||||
<AlbyHubLogo className="text-sidebar-foreground h-12" />
|
||||
<AlbyHubLogo className="w-32" />
|
||||
</Link>
|
||||
<div className="flex gap-3 items-center">
|
||||
<HealthIndicator />
|
||||
|
|
@ -183,11 +184,9 @@ export function AppSidebar() {
|
|||
</>
|
||||
) : (
|
||||
<>
|
||||
<img
|
||||
src={albyHub}
|
||||
alt="logo"
|
||||
className="size-8 rounded-lg "
|
||||
/>
|
||||
<div className="size-8 flex items-center justify-center bg-sidebar-primary/80 text-sidebar-primary-foreground rounded-md">
|
||||
<AlbyHubIcon className="size-4" />
|
||||
</div>
|
||||
<div className="font-semibold text-left text-sm leading-tight">
|
||||
My Alby Hub
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import { ZapIcon } from "lucide-react";
|
||||
import { Link } from "react-router-dom";
|
||||
import albyExtension from "src/assets/suggested-apps/alby-extension.png";
|
||||
import albyGo from "src/assets/suggested-apps/alby-go.png";
|
||||
import alby from "src/assets/suggested-apps/alby.png";
|
||||
import amethyst from "src/assets/suggested-apps/amethyst.png";
|
||||
import bitrefill from "src/assets/suggested-apps/bitrefill.png";
|
||||
import bringin from "src/assets/suggested-apps/bringin.png";
|
||||
|
|
@ -219,7 +219,7 @@ export const appStoreApps: AppStoreApp[] = (
|
|||
chromeLink:
|
||||
"https://chromewebstore.google.com/detail/iokeahhehimjnekafflcihljlcjccdbe",
|
||||
firefoxLink: "https://addons.mozilla.org/en-US/firefox/addon/alby/",
|
||||
logo: alby,
|
||||
logo: albyExtension,
|
||||
extendedDescription:
|
||||
"Connect your Hub to lightning-enabled websites and lets you pay seamlessly on the web",
|
||||
hideConnectionQr: true,
|
||||
|
|
|
|||
|
|
@ -2,29 +2,14 @@ import { SVGAttributes } from "react";
|
|||
|
||||
export function AlbyHubIcon(props: SVGAttributes<SVGElement>) {
|
||||
return (
|
||||
<svg
|
||||
width="40"
|
||||
height="40"
|
||||
viewBox="0 0 40 40"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8000 8000" {...props}>
|
||||
<path
|
||||
d="M29.3128 17.863C29.1648 17.2029 28.9449 16.5708 28.6649 15.9706C28.3529 15.2985 27.9649 14.6664 27.509 14.0863C27.037 13.4862 26.4971 12.9461 25.8972 12.474C25.3172 12.018 24.6853 11.6299 24.0133 11.3178C23.4134 11.0378 22.7815 10.8218 22.1215 10.6697C21.4376 10.5097 20.7217 10.4297 19.9897 10.4297C19.2578 10.4297 18.5419 10.5097 17.858 10.6697C17.758 11.1618 17.662 11.6779 17.578 12.218C17.422 13.1782 17.294 14.2143 17.194 15.3305C17.146 15.8906 17.106 16.4747 17.074 17.0788C17.026 18.003 16.998 18.9752 16.998 19.9993C16.998 21.0235 17.026 21.9917 17.074 22.9199C17.9979 22.9679 18.9699 22.9959 19.9937 22.9959C21.0176 22.9959 21.9855 22.9679 22.9135 22.9199C23.5134 22.8878 24.0973 22.8478 24.6573 22.7998C25.7772 22.6998 26.8131 22.5718 27.773 22.4158C28.3129 22.3277 28.8289 22.2357 29.3208 22.1357C29.4768 21.4516 29.5608 20.7355 29.5608 20.0033C29.5608 19.2712 29.4808 18.5551 29.3208 17.871L29.3128 17.863ZM26.5411 17.1389C26.2971 17.1749 26.0611 17.2349 25.8292 17.3149C25.4132 17.4589 25.0292 17.6709 24.6813 17.939C23.8134 18.5991 23.1894 19.5913 23.0094 20.6595C23.0094 20.6795 22.9894 20.6875 22.9774 20.6835C22.9655 20.6835 22.9535 20.6715 22.9535 20.6595C22.6695 18.8391 21.1976 17.4189 19.4218 17.1348C19.3898 17.1308 19.3898 17.0828 19.4218 17.0788C19.5458 17.0588 19.6658 17.0348 19.7858 17.0028C20.7857 16.7508 21.6536 16.1307 22.2335 15.3065C22.4215 15.0425 22.5775 14.7584 22.7015 14.4544C22.8215 14.1623 22.9095 13.8543 22.9575 13.5382C22.9615 13.5062 23.0094 13.5062 23.0134 13.5382C23.1214 14.2263 23.4014 14.8545 23.7974 15.3905C24.0253 15.6986 24.2893 15.9706 24.5893 16.2067C25.1492 16.6508 25.8172 16.9588 26.5411 17.0828C26.5731 17.0868 26.5731 17.1348 26.5411 17.1389Z"
|
||||
fill="currentColor"
|
||||
d="m1404.9 2404.8.6 1.2-.6-1.2Zm-6.5-12.2v-.1Zm6558.8 4015.2c-75.3-453.8-341.3-1051.7-631.8-1536.8-217.6 280.4-443.7 543.1-695.7 796.8 152 272.2 381.5 831.3 371.8 1131.1-3.3 103.1-84.6 186.4-187.5 193-323.7 20.9-761.2-169.8-1127-352-274.1 250.4-539.7 479-815 690.2 570.9 338.6 1305.5 669.7 1904.5 668.1 872.8 46.3 1378.7-776.2 1180.7-1590.3Zm-2708-724.2c1101.9-1101 2353-2527.3 2708.1-4090.6C8211.2 319.2 7197-277 6062.1 123.3c211.7 278.2 364.2 589.3 457.7 915 86.8-20.2 196.9-34.8 290-31.5 103.3 3.7 186.9 86.4 191.6 189.8 14 309.1-235.7 902.8-402.1 1193.8C5974.9 3533.6 5007.4 4598.9 3999 5467.5l-.2-.2c-263.6 226.5-526.2 434-804.2 626.6.4.3.8.7 1.2 1-509.3 353-1419.5 925.3-2012.1 893.4-103.8-5.6-186.2-90.2-188.7-194.2-7-297.5 215.6-843.7 363.8-1111.1-237.1-259.9-464.7-529.7-686.3-814.4-1228.3 1900.3-772.8 3911.2 1773 2814.9 1005-454.6 1968-1208.1 2803.8-2000Zm-2721-1683.2C2060 3449.2 1721.3 2979.5 1403 2401.3c-1.5-2.7-3.1-5.7-4.6-8.5-165-287.2-415.6-882.6-403.5-1193.5 4.1-104.7 88.1-188.3 192.7-192 92.1-3.3 200.7 10.5 286.6 30.6 93.6-325.7 246.3-636.9 458.1-915.1C797.7-275.8-214.2 319.3 39.3 1593c208.8 1126.2 1140.6 2354.1 1865.3 3206.2-1.2 1.8 1.2-1.8 0 0 177.9 202.7 363.2 406.5 558.2 604.1 267.3-191.5 530.8-396.1 795.1-617.7-259.1-257.5-503.7-520.6-729.7-785.2ZM1420.6 2433.9c.8 1.6 1.7 3.2 2.6 4.8-.9-1.6-1.7-3.2-2.6-4.8Zm36.8 68.4 2.7 5.1c-.9-1.6-1.8-3.3-2.7-5.1Zm-54.4-101.1Zm1.9 3.6.6 1.2-.6-1.2Z"
|
||||
/>
|
||||
<path
|
||||
d="M39.984 19.3045V20.6767C39.984 22.7171 37.7882 24.5734 33.8046 25.9016C32.4008 26.3697 30.8209 26.7578 29.1211 27.0618C28.9971 27.0858 28.8731 27.1058 28.7491 27.1298C28.2852 27.2059 27.8172 27.2779 27.3333 27.3419C26.8613 27.4059 26.3814 27.4619 25.8974 27.5139C25.3295 27.5739 24.7575 27.6259 24.1736 27.6699C23.5896 27.7099 23.0017 27.746 22.4018 27.77C21.6058 27.802 20.8019 27.818 19.99 27.818C19.1781 27.818 18.3702 27.802 17.5782 27.77C16.9783 27.742 16.3904 27.7099 15.8064 27.6699C15.2225 27.6259 14.6505 27.5779 14.0866 27.5139C13.5986 27.4619 13.1227 27.4059 12.6507 27.3419C12.1708 27.2779 11.6988 27.2059 11.2389 27.1298C11.1109 27.1098 10.9869 27.0858 10.8629 27.0618C9.16308 26.7618 7.58324 26.3737 6.17938 25.9016C2.19578 24.5734 0 22.7171 0 20.6767V19.3045C0 17.2641 2.19578 15.4078 6.17938 14.0796C7.58324 13.6115 9.16308 13.2234 10.8629 12.9194C10.8429 13.0874 10.8229 13.2514 10.8029 13.4235C10.6989 14.2996 10.6189 15.1918 10.5629 16.1039C10.123 16.192 9.69903 16.28 9.28707 16.38C5.40746 17.2921 2.84372 18.6444 2.17978 19.9926C2.84372 21.3408 5.40746 22.6931 9.28707 23.6012C9.69903 23.6973 10.123 23.7893 10.5629 23.8773C10.8109 23.9253 11.0629 23.9733 11.3229 24.0173C11.6508 24.0733 11.9828 24.1293 12.3228 24.1773C13.3107 24.3254 14.3546 24.4494 15.4505 24.5374C16.0224 24.5854 16.6063 24.6254 17.2023 24.6534C18.1062 24.6974 19.0421 24.7214 20.002 24.7214C20.9619 24.7214 21.8938 24.6974 22.8017 24.6534C23.3977 24.6254 23.9816 24.5854 24.5495 24.5374C25.6454 24.4454 26.6893 24.3254 27.6772 24.1773C28.0172 24.1253 28.3532 24.0733 28.6771 24.0173C28.9331 23.9733 29.1851 23.9253 29.4371 23.8773C29.877 23.7933 30.301 23.7013 30.7129 23.6052C34.5925 22.6931 37.1563 21.3408 37.8202 19.9926C37.1563 18.6444 34.5925 17.2921 30.7129 16.384C30.353 15.3158 29.841 14.3236 29.1971 13.4275C29.0571 13.2314 28.9131 13.0434 28.7611 12.8594C28.8851 12.8794 29.0131 12.9034 29.1371 12.9274C30.8369 13.2274 32.4168 13.6155 33.8206 14.0876C37.8042 15.4158 40 17.2721 40 19.3125L39.984 19.3045Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<path
|
||||
d="M27.1146 11.2339C26.9306 11.0819 26.7426 10.9379 26.5466 10.7979C25.6507 10.1538 24.6548 9.64167 23.5909 9.28161C22.683 5.40094 21.3311 2.83649 19.9833 2.17238C18.6354 2.83649 17.2835 5.40094 16.3756 9.28161C16.2757 9.69368 16.1877 10.1178 16.0997 10.5578C16.0517 10.8059 16.0037 11.0619 15.9597 11.318C15.9037 11.646 15.8477 11.9781 15.7997 12.3181C15.6517 13.3063 15.5277 14.3505 15.4397 15.4467C15.3917 16.0148 15.3517 16.5989 15.3237 17.195C15.2797 18.0991 15.2558 19.0353 15.2558 19.9955C15.2558 20.9556 15.2797 21.8878 15.3237 22.796C14.2039 22.6959 13.168 22.5679 12.2121 22.4119C12.1801 21.6157 12.1641 20.8116 12.1641 19.9995C12.1641 19.1873 12.1801 18.3792 12.2121 17.587C12.2401 16.9869 12.2721 16.3988 12.316 15.8147C12.356 15.2306 12.408 14.6545 12.468 14.0944C12.52 13.6064 12.576 13.1263 12.64 12.6542C12.704 12.1741 12.776 11.702 12.852 11.2419C12.872 11.1179 12.896 10.9899 12.92 10.8659C13.22 9.16559 13.6079 7.58531 14.0799 6.18107C15.4077 2.19638 17.2636 0 19.3033 0H20.6752C22.715 0 24.5708 2.19638 25.8987 6.18107C26.3666 7.58531 26.7546 9.16559 27.0586 10.8659C27.0826 10.9899 27.1026 11.1179 27.1266 11.2419L27.1146 11.2339Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<path
|
||||
d="M27.0556 29.1328C26.7556 30.8331 26.3676 32.4134 25.8957 33.8176C24.5678 37.8023 22.712 39.9987 20.6722 39.9987H19.3004C17.2606 39.9987 15.4047 37.8023 14.0769 33.8176C13.6089 32.4134 13.221 30.8331 12.917 29.1328C13.085 29.1528 13.249 29.1728 13.4209 29.1928C14.2969 29.2968 15.1888 29.3769 16.1007 29.4329C16.1887 29.8729 16.2767 30.297 16.3766 30.7091C17.2846 34.5898 18.6364 37.1542 19.9843 37.8183C21.3322 37.1542 22.684 34.5898 23.5959 30.7091C23.6919 30.297 23.7839 29.8729 23.8679 29.4329C24.7798 29.3729 25.6757 29.2928 26.5476 29.1928C26.7156 29.1768 26.8836 29.1528 27.0516 29.1328H27.0556Z"
|
||||
fill="currentColor"
|
||||
d="M2762.6 2987.4c-683.4-683.4-683.4-1791.5 0-2474.9 683.4-683.4 1791.5-683.4 2474.9 0 683.4 683.4 683.4 1791.5 0 2474.9L4000.1 4224.8 2762.7 2987.4Z"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -84,7 +84,7 @@ export default function TwoColumnFullScreenLayout() {
|
|||
/>
|
||||
<div className="flex-1 w-full h-full flex flex-col">
|
||||
<div className="flex flex-row justify-between items-center">
|
||||
<AlbyHubLogo className="text-background" />
|
||||
<AlbyHubLogo className="w-36" invert={true} />
|
||||
{info?.version && (
|
||||
<p className="text-sm text-muted-foreground">{info.version}</p>
|
||||
)}
|
||||
|
|
|
|||
|
|
@ -9,8 +9,9 @@ import {
|
|||
CardTitle,
|
||||
} from "src/components/ui/card";
|
||||
|
||||
import albyExtension from "src/assets/suggested-apps/alby-extension.png";
|
||||
import albyGo from "src/assets/suggested-apps/alby-go.png";
|
||||
import albyExtension from "src/assets/suggested-apps/alby.png";
|
||||
import alby from "src/assets/suggested-apps/alby.png";
|
||||
|
||||
interface Platform {
|
||||
name: string;
|
||||
|
|
@ -57,7 +58,7 @@ const productOpportunities: ProductOpportunity[] = [
|
|||
},
|
||||
{
|
||||
title: "Alby",
|
||||
logo: albyExtension,
|
||||
logo: alby,
|
||||
reward: "2,000 sats",
|
||||
platforms: [
|
||||
{
|
||||
|
|
|
|||
|
|
@ -74,8 +74,8 @@
|
|||
--chart-5: oklch(0.645 0.246 16.439);
|
||||
--sidebar: oklch(0.205 0 0);
|
||||
--sidebar-foreground: oklch(0.985 0 0);
|
||||
--sidebar-primary: oklch(0.488 0.243 264.376);
|
||||
--sidebar-primary-foreground: oklch(0.985 0 0);
|
||||
--sidebar-primary: oklch(0.985 0 0);
|
||||
--sidebar-primary-foreground: oklch(0.205 0 0);
|
||||
--sidebar-accent: oklch(0.269 0 0);
|
||||
--sidebar-accent-foreground: oklch(0.985 0 0);
|
||||
--sidebar-border: oklch(1 0 0 / 10%);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue