Skip to content
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.

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

✨ feat: update Novita AI logos and colors #62

Merged
merged 1 commit into from
Jan 28, 2025
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
6 changes: 3 additions & 3 deletions src/Novita/components/Avatar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import { memo } from 'react';

import IconAvatar, { type IconAvatarProps } from '@/features/IconAvatar';

import { COLOR_GRADIENT, TITLE } from '../style';
import { COLOR_PRIMARY, TITLE } from '../style';
import Mono from './Mono';

export type AvatarProps = Omit<IconAvatarProps, 'Icon'>;
Expand All @@ -14,8 +14,8 @@ const Avatar = memo<AvatarProps>(({ background, ...rest }) => {
<IconAvatar
Icon={Mono}
aria-label={TITLE}
background={background || COLOR_GRADIENT}
color={'#fff'}
background={background || '#000'}
color={COLOR_PRIMARY}
iconMultiple={0.6}
{...rest}
/>
Expand Down
16 changes: 4 additions & 12 deletions src/Novita/components/Color.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,36 +2,28 @@

import { forwardRef } from 'react';

import { useFillId } from '@/hooks/useFillId';
import type { IconType } from '@/types';

import { TITLE } from '../style';
import { COLOR_PRIMARY, TITLE } from '../style';

const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
const { fill, id } = useFillId(TITLE);
return (
<svg
height={size}
ref={ref}
style={{ flex: 'none', lineHeight: 1, ...style }}
viewBox="0 0 24 24"
viewBox="0 0 47 47"
width={size}
xmlns="http://www.w3.org/2000/svg"
{...rest}
>
<title>{TITLE}</title>
<path
clipRule="evenodd"
d="M2.371 0C1.614 0 1 .614 1 1.371v18.522c0 .758.614 1.372 1.371 1.372h2.397l7.21 2.691a.686.686 0 00.926-.642V7.756c0-.572-.355-1.084-.891-1.284L4.768 3.765h13.72v17.5h2.398c.757 0 1.371-.614 1.371-1.372V1.371C22.257.614 21.643 0 20.886 0H2.37zm8.612 16.183c.31.15.562-.037.562-.42 0-.385-.251-.818-.562-.968-.31-.152-.561.037-.561.42s.251.816.561.968z"
fill={fill}
d="M17.9526 9V20.0949L0 38.0474H17.9526V26.952L29.0486 38.0474H47L17.9526 9Z"
fill={COLOR_PRIMARY}
fillRule="evenodd"
/>
<defs>
<linearGradient gradientUnits="userSpaceOnUse" id={id} x1="0" x2="24.5" y1="0" y2="24">
<stop stopColor="#2622FF" />
<stop offset="1" stopColor="#A717FF" />
</linearGradient>
</defs>
</svg>
);
});
Expand Down
7 changes: 2 additions & 5 deletions src/Novita/components/Mono.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -14,16 +14,13 @@ const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
height={size}
ref={ref}
style={{ flex: 'none', lineHeight: 1, ...style }}
viewBox="0 0 24 24"
viewBox="0 0 47 47"
width={size}
xmlns="http://www.w3.org/2000/svg"
{...rest}
>
<title>{TITLE}</title>
<path
clipRule="evenodd"
d="M2.371 0C1.614 0 1 .614 1 1.371v18.522c0 .758.614 1.372 1.371 1.372h2.397l7.21 2.691a.686.686 0 00.926-.642V7.756c0-.572-.355-1.084-.891-1.284L4.768 3.765h13.72v17.5h2.398c.757 0 1.371-.614 1.371-1.372V1.371C22.257.614 21.643 0 20.886 0H2.37zm8.612 16.183c.31.15.562-.037.562-.42 0-.385-.251-.818-.562-.968-.31-.152-.561.037-.561.42s.251.816.561.968z"
/>
<path d="M17.9526 9V20.0949L0 38.0474H17.9526V26.952L29.0486 38.0474H47L17.9526 9Z" />
</svg>
);
});
Expand Down
17 changes: 3 additions & 14 deletions src/Novita/components/Text.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -14,27 +14,16 @@ const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
height={size}
ref={ref}
style={{ flex: 'none', lineHeight: 1, ...style }}
viewBox="0 0 126 24"
viewBox="0 0 96 24"
xmlns="http://www.w3.org/2000/svg"
{...rest}
>
<title>{TITLE}</title>
<path d="M59.34 2.062a2.05 2.05 0 01-2.072 2.061c-1.18 0-2.1-.903-2.1-2.061S56.088 0 57.268 0a2.05 2.05 0 012.071 2.062zM58.878 21.746h-3.28V6.185h3.28v15.56zM13.249 21.746h3.25v-9.179c0-4.349-2.79-6.636-6.501-6.636-1.899 0-3.654.762-4.718 2.033v-1.78H2v15.562h3.28v-8.699c0-2.852 1.582-4.32 3.999-4.32 2.387 0 3.97 1.468 3.97 4.32v8.699z" />
<path
clipRule="evenodd"
d="M27.693 5.93c4.516 0 8.084 3.136 8.084 8.021 0 4.886-3.683 8.049-8.228 8.049-4.517 0-7.94-3.163-7.94-8.049 0-4.885 3.567-8.02 8.084-8.02zm-.057 2.797c-2.474 0-4.689 1.694-4.689 5.224 0 3.53 2.129 5.253 4.603 5.253 2.445 0 4.862-1.723 4.862-5.253 0-3.53-2.33-5.224-4.776-5.224z"
d="M72.2571 19.963H77.8311V23.4853H73.4075C70.3112 23.4853 68.364 21.7825 68.364 18.6125V9.2473H65.2087V5.69546H68.364L69.2787 1.02761H72.2277V5.69546H77.8311V9.2473H72.2571V19.963ZM6.37072 0L14.4811 18.0833H14.7169V0H18.9341V23.4853H12.5634L4.453 5.40203H4.21727V23.4853H0V0H6.37072ZM29.7579 23.8377C24.5965 23.8377 21.2938 20.2269 21.2938 14.6199C21.2938 9.0128 24.5375 5.3431 29.7579 5.3431C34.9782 5.3431 38.1629 8.86548 38.1629 14.6199C38.1629 20.3743 34.9193 23.8377 29.7579 23.8377ZM29.7579 20.3153C32.0586 20.3153 33.9751 19.5222 34.0341 17.262V11.9778C34.0341 9.65859 32.0881 8.86548 29.7579 8.86548C27.4276 8.86548 25.4227 9.65859 25.4227 11.9778V17.262C25.4816 19.5517 27.4571 20.3153 29.7579 20.3153ZM42.6761 5.666L47.2764 19.7567H47.5121L52.1125 5.666H56.3592L50.0179 23.4559H44.7681L38.4564 5.666H42.6736H42.6761ZM58.5433 5.69546H62.4365V23.4853H58.5433V5.69546ZM58.3064 0H62.671V3.34681H58.3064V0ZM87.3865 23.8672C82.6376 23.8672 79.6002 20.2564 79.6002 14.6199C79.6002 8.98334 82.5787 5.37257 87.3865 5.37257C89.6284 5.37257 91.4565 6.25285 92.5479 7.89679H92.7836L93.551 5.69546H96.5V23.4853H93.551L92.7836 21.3417H92.5479C91.3681 22.8973 89.3926 23.8659 87.3865 23.8659V23.8672ZM88.1821 20.3153C90.5123 20.3153 92.5467 19.5811 92.6056 17.262V11.9778C92.6056 9.59966 90.4816 8.92441 88.0937 8.92441C85.7058 8.92441 83.7291 9.65859 83.7291 11.9778V17.262C83.788 19.6106 85.8236 20.3153 88.1821 20.3153Z"
fillRule="evenodd"
/>
<path d="M43.169 21.746L37.156 6.185h3.51l4.488 12.68 4.488-12.68h3.48l-6.04 15.56h-3.913zM68.286 21.746c-2.82 0-4.575-1.158-4.575-4.321V8.81h-1.87V6.185h1.87v-3.87h3.309v3.87h3.855V8.81H67.02v8.614c0 1.158.46 1.638 1.84 1.638h2.015v2.683h-2.589z" />
<path
clipRule="evenodd"
d="M80.224 22c-4.114 0-7.423-3.304-7.423-8.105s3.309-7.964 7.48-7.964c2.676 0 4.517 1.242 5.495 2.513v-2.26h3.309v15.562h-3.309V19.43C84.77 20.757 82.87 22 80.224 22zm.747-2.796c2.474 0 4.804-1.892 4.804-5.253 0-3.332-2.33-5.224-4.804-5.224-2.445 0-4.804 1.807-4.804 5.168 0 3.36 2.36 5.31 4.804 5.31z"
/>
<path d="M94.725 17.82a2.05 2.05 0 012.071 2.062 2.05 2.05 0 01-2.071 2.062c-1.18 0-2.1-.904-2.1-2.062s.92-2.062 2.1-2.062z" />
<path
clipRule="evenodd"
d="M106.662 22c-4.114 0-7.422-3.304-7.422-8.105s3.308-7.964 7.479-7.964c2.676 0 4.517 1.242 5.495 2.513v-2.26h3.309v15.562h-3.309V19.43c-1.007 1.327-2.905 2.57-5.552 2.57zm.747-2.796c2.474 0 4.804-1.892 4.804-5.253 0-3.332-2.33-5.224-4.804-5.224-2.445 0-4.804 1.807-4.804 5.168 0 3.36 2.359 5.31 4.804 5.31z"
/>
<path d="M121.508 4.123a2.05 2.05 0 002.071-2.061A2.05 2.05 0 00121.508 0c-1.18 0-2.1.904-2.1 2.062s.92 2.061 2.1 2.061zM119.839 21.746h3.279V6.185h-3.279v15.56z" />
</svg>
);
});
Expand Down
1 change: 0 additions & 1 deletion src/Novita/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,6 @@ import { Flexbox } from 'react-layout-kit';
export default () => (
<Flexbox gap={16} align={'flex-start'}>
<Novita.Combine size={64} />
<Novita.Combine size={64} type={'color'} />
</Flexbox>
);
```
Expand Down
4 changes: 1 addition & 3 deletions src/Novita/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -5,14 +5,13 @@ import Color from './components/Color';
import Combine from './components/Combine';
import Mono from './components/Mono';
import Text from './components/Text';
import { COLOR_GRADIENT, COLOR_PRIMARY, TITLE } from './style';
import { COLOR_PRIMARY, TITLE } from './style';

export type CompoundedIcon = typeof Mono & {
Avatar: typeof Avatar;
Color: typeof Color;
Combine: typeof Combine;
Text: typeof Text;
colorGradient: string;
colorPrimary: string;
title: string;
};
Expand All @@ -23,7 +22,6 @@ Icons.Text = Text;
Icons.Combine = Combine;
Icons.Avatar = Avatar;
Icons.colorPrimary = COLOR_PRIMARY;
Icons.colorGradient = COLOR_GRADIENT;
Icons.title = TITLE;

export default Icons;
5 changes: 2 additions & 3 deletions src/Novita/style.ts
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
export const TITLE = 'novita.ai';
export const TITLE = 'Novita AI';
export const TEXT_MULTIPLE = 0.7;
export const SPACE_MULTIPLE = 0.25;
export const COLOR_PRIMARY = '#6847f5';
export const COLOR_GRADIENT = 'linear-gradient(-45deg, #A717FF, #2622FF)';
export const COLOR_PRIMARY = '#23D57C';
5 changes: 2 additions & 3 deletions src/toc.ts
Original file line number Diff line number Diff line change
Expand Up @@ -1487,8 +1487,7 @@ const toc: IconToc[] = [
title: 'Nova',
},
{
color: '#6847f5',
colorGradient: 'linear-gradient(-45deg, #A717FF, #2622FF)',
color: '#23D57C',
desc: 'https://novita.ai/',
docsUrl: 'novita',
fullTitle: 'Novita',
Expand All @@ -1504,7 +1503,7 @@ const toc: IconToc[] = [
hasTextCn: false,
hasTextColor: false,
},
title: 'novita.ai',
title: 'Novita AI',
},
{
color: '#74B71B',
Expand Down
Loading