@web-my-money/brand 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +76 -0
- package/assets/logos/isologotipo-blue.svg +14 -0
- package/assets/logos/isologotipo-full.svg +25 -0
- package/assets/logos/isologotipo-white.svg +14 -0
- package/assets/logos/isotipo-blue.svg +3 -0
- package/assets/logos/isotipo-full.svg +15 -0
- package/assets/logos/isotipo-white.svg +3 -0
- package/assets/logos/logotipo-blue.svg +12 -0
- package/assets/logos/logotipo-white.svg +12 -0
- package/brand-tokens.css +60 -0
- package/brand.css +18 -0
- package/dist/index.d.mts +380 -0
- package/dist/index.d.ts +380 -0
- package/dist/index.js +606 -0
- package/dist/index.mjs +540 -0
- package/package.json +50 -0
package/README.md
ADDED
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
# @web-my-money/brand
|
|
2
|
+
|
|
3
|
+
Theme-aware WMM logo + favicon/OG metadata, sourced from the official brand Drive vault.
|
|
4
|
+
One import, correct logo for the active theme (`light` / `dark` / `wmm`), no flash, SSR-safe.
|
|
5
|
+
|
|
6
|
+
## Install
|
|
7
|
+
|
|
8
|
+
```bash
|
|
9
|
+
# .npmrc (repo root + the app's Vercel env)
|
|
10
|
+
# @web-my-money:registry=https://npm.pkg.github.com
|
|
11
|
+
# //npm.pkg.github.com/:_authToken=${GITHUB_TOKEN} # PAT with read:packages
|
|
12
|
+
npm install @web-my-money/brand
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
## Use
|
|
16
|
+
|
|
17
|
+
```css
|
|
18
|
+
/* globals.css — once */
|
|
19
|
+
@import "@web-my-money/brand/brand.css"; /* sets --wmm-logo-ink per theme */
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
```tsx
|
|
23
|
+
// any component
|
|
24
|
+
import { WmmLogo } from "@web-my-money/brand";
|
|
25
|
+
|
|
26
|
+
<WmmLogo /> // lockup, 28px tall, white on dark/wmm · navy on light
|
|
27
|
+
<WmmLogo variant="mark" size={32} />
|
|
28
|
+
<WmmLogo tone="white" /> // force a tone (e.g. on a colored CTA)
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
```tsx
|
|
32
|
+
// app/layout.tsx — favicon + titles in one line
|
|
33
|
+
import { wmmMetadata, wmmViewport } from "@web-my-money/brand";
|
|
34
|
+
export const metadata = wmmMetadata({ appName: "Brain" });
|
|
35
|
+
export const viewport = wmmViewport();
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
The logo follows the `--wmm-logo-ink` CSS variable, which `brand.css` sets per `data-theme`
|
|
39
|
+
(white on dark/wmm, navy `#1f2d56` on light). Pair with the `@web-my-money/tokens` theme runtime
|
|
40
|
+
(`data-theme` on `<html>`, `wmm-theme` localStorage). Without `brand.css` it falls back to `currentColor`.
|
|
41
|
+
|
|
42
|
+
## Variants
|
|
43
|
+
|
|
44
|
+
| `variant` | Asset stem | What it is |
|
|
45
|
+
|---|---|---|
|
|
46
|
+
| `lockup` (default) | `isologotipo` | mark + wordmark |
|
|
47
|
+
| `mark` | `isotipo` | symbol only |
|
|
48
|
+
|
|
49
|
+
`logotipo` (wordmark only) ships in `RAW_SVG` once synced; add to `INK_SVG` when needed.
|
|
50
|
+
|
|
51
|
+
## Raw assets (non-React / CDN / email)
|
|
52
|
+
|
|
53
|
+
```ts
|
|
54
|
+
import { RAW_SVG, resolveLogoTone, rawLogoKey } from "@web-my-money/brand";
|
|
55
|
+
RAW_SVG["isologotipo-white"]; // verbatim SVG string
|
|
56
|
+
RAW_SVG[rawLogoKey("isotipo", "light")]; // -> isotipo-blue
|
|
57
|
+
```
|
|
58
|
+
Files are also published under `@web-my-money/brand/assets/logos/<name>.svg`.
|
|
59
|
+
|
|
60
|
+
## Refreshing from Drive
|
|
61
|
+
|
|
62
|
+
When the brand team updates the logos in the Drive vault:
|
|
63
|
+
|
|
64
|
+
```bash
|
|
65
|
+
npm i -D googleapis
|
|
66
|
+
GOOGLE_APPLICATION_CREDENTIALS=/path/to/sa.json npm run sync:brand
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
Pulls the newest SVG + favicon files (folder IDs in `scripts/sync-brand.mjs`, documented in
|
|
70
|
+
`WMM_BRAND_STANDARD.md`), regenerates the logo modules. Review the diff and commit. Does not publish.
|
|
71
|
+
|
|
72
|
+
## Scripts
|
|
73
|
+
|
|
74
|
+
- `npm run gen:logos` — regenerate `src/logos.generated.ts` from `assets/logos/*.svg`
|
|
75
|
+
- `npm run sync:brand` — pull newest from Drive, then `gen:logos`
|
|
76
|
+
- `npm run build` — `gen:logos` + tsup (cjs/esm/dts)
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<svg width="1220" height="131" viewBox="0 0 1220 131" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M297.202 32.0952H309.286L330.167 85.8538L355.725 32.0952H371.146L396.809 85.8538L417.69 32.0952H429.669L405.276 94.5644H388.811L363.514 40.997L338.217 94.5644H321.752L297.254 32.0952H297.202Z" fill="#1F2D55"/>
|
|
3
|
+
<path d="M425.166 68.5717C425.166 51.1158 439.162 40.7188 460.86 40.7188C482.558 40.7188 496.015 51.4809 496.015 72.7966H437.753C439.527 82.0461 447.976 86.9838 461.816 86.9838C473.169 86.9838 480.854 83.4718 483.149 77.4561H495.233C492.051 89.2614 480.506 96.3203 461.486 96.3203C438.918 96.3203 425.183 86.0102 425.183 68.5543H425.166V68.5717ZM483.427 63.7383C481.323 54.2106 473.569 49.9857 460.947 49.9857C448.324 49.9857 440.066 54.4018 437.962 63.7383H483.427Z" fill="#1F2D55"/>
|
|
4
|
+
<path d="M503.161 24.0799H514.792V53.515C520.164 45.4999 530.214 40.736 542.732 40.736C562.118 40.736 574.636 51.672 574.636 68.502C574.636 85.332 562.135 96.3549 542.732 96.3549C530.231 96.3549 520.164 91.6085 514.792 83.489V94.5989H503.161V24.0625V24.0799ZM539.046 86.0275C553.146 86.0275 561.874 79.1425 561.874 68.4846C561.874 57.8268 553.164 51.0287 539.046 51.0287C523.972 51.0287 514.809 57.9137 514.809 68.4846C514.809 79.0555 523.972 86.0275 539.046 86.0275Z" fill="#1F2D55"/>
|
|
5
|
+
<path d="M613.599 32.0952H631.385L660.386 81.7854L689.282 32.0952H706.998V94.5644H695.28V43.3616L665.845 94.5644H654.822L625.387 43.3616V94.5644H613.582V32.0952H613.599Z" fill="#1F2D55"/>
|
|
6
|
+
<path d="M714.492 115.202V106.3C721.186 107.621 724.889 108.247 728.592 108.247C736.799 108.247 738.815 104.735 744.101 94.5814H738.989L711.762 42.5093H724.35L747.787 87.453L771.224 42.5093H783.811L756.237 95.4855C749.265 109.151 743.284 117.514 730.07 117.514C725.567 117.514 720.455 116.732 714.474 115.236H714.492V115.202Z" fill="#1F2D55"/>
|
|
7
|
+
<path d="M822.479 32.0952H840.265L869.265 81.7854L898.161 32.0952H915.878V94.5644H904.16V43.3616L874.725 94.5644H863.702L834.267 43.3616V94.5644H822.461V32.0952H822.479Z" fill="#1F2D55"/>
|
|
8
|
+
<path d="M923.824 68.5717C923.824 51.6548 938.185 40.7188 959.605 40.7188C981.025 40.7188 995.299 51.6548 995.299 68.5717C995.299 85.4886 980.938 96.3377 959.605 96.3377C938.272 96.3377 923.824 85.4017 923.824 68.5717ZM959.605 87.0881C973.879 87.0881 983.668 79.7685 983.668 68.5891C983.668 57.4096 973.879 49.9857 959.605 49.9857C945.331 49.9857 935.455 57.2879 935.455 68.5891C935.455 79.8902 945.226 87.0881 959.605 87.0881Z" fill="#1F2D55"/>
|
|
9
|
+
<path d="M1002.08 42.4922H1014.42V53.7585C1021.12 45.3783 1031.43 40.7188 1044.83 40.7188C1061.58 40.7188 1071.78 47.4994 1071.78 68.0327V94.5643H1059.44V72.188C1059.44 56.8707 1053.46 51.0289 1039.25 51.0289C1025.05 51.0289 1014.41 59.044 1014.41 72.6227V94.5643H1002.06V42.4922H1002.08Z" fill="#1F2D55"/>
|
|
10
|
+
<path d="M1078.23 68.5717C1078.23 51.1158 1092.23 40.7188 1113.93 40.7188C1135.62 40.7188 1149.08 51.4809 1149.08 72.7966H1090.82C1092.59 82.0461 1101.04 86.9838 1114.88 86.9838C1126.24 86.9838 1133.92 83.4718 1136.22 77.4561H1148.3C1145.12 89.2614 1133.57 96.3203 1114.55 96.3203C1091.98 96.3203 1078.25 86.0102 1078.25 68.5543H1078.23V68.5717ZM1136.48 63.7383C1134.37 54.2106 1126.62 49.9857 1114 49.9857C1101.37 49.9857 1093.11 54.4018 1091.01 63.7383H1136.48Z" fill="#1F2D55"/>
|
|
11
|
+
<path d="M1150.68 115.202V106.3C1157.37 107.621 1161.08 108.247 1164.78 108.247C1172.99 108.247 1175 104.735 1180.29 94.5814H1175.18L1147.95 42.5093H1160.54L1183.98 87.453L1207.41 42.5093H1220L1192.43 95.4855C1185.45 109.151 1179.47 117.514 1166.26 117.514C1161.76 117.514 1156.64 116.732 1150.66 115.236H1150.68V115.202Z" fill="#1F2D55"/>
|
|
12
|
+
<path d="M217.173 1.82557L151.8 67.3373C149.644 69.4932 146.184 69.4932 144.029 67.3373C141.873 65.1814 141.873 61.7215 144.029 59.583L165.466 38.1457C167.622 35.9897 167.622 32.5299 165.466 30.3913L137.456 2.38193C135.301 0.226027 131.841 0.226027 129.702 2.38193L67.1635 64.9206C65.0076 67.0765 61.5477 67.0765 59.4091 64.9206C57.2532 62.7647 57.2532 59.3048 59.4091 57.1489L76.5869 39.9712C78.7428 37.8153 78.7428 34.3554 76.5869 32.2169L45.9869 1.61693C43.831 -0.538977 40.3711 -0.538977 38.2326 1.61693L1.61693 38.2326C-0.538977 40.3885 -0.538977 43.8484 1.61693 45.9869L43.2225 87.5924L43.1529 87.662L83.9934 128.503C86.1494 130.658 89.6092 130.658 91.7478 128.503L128.085 92.165C130.241 90.0091 133.701 90.0091 135.84 92.165L172.177 128.503C174.333 130.658 177.793 130.658 179.931 128.503L261.96 46.4737C264.116 44.3178 264.116 40.8579 261.96 38.702L224.892 1.82557C222.736 -0.295563 219.277 -0.295563 217.138 1.82557H217.173Z" fill="#1F2D55"/>
|
|
13
|
+
<path d="M138.517 94.7905C138.517 94.7905 168.943 125.217 170.578 126.851C172.212 128.485 176.332 132.136 179.984 128.485C183.617 124.852 260.674 48.6819 262.012 46.4565C263.351 44.231 264.812 41.484 260.378 37.0678C255.944 32.6517 224.962 1.80832 224.962 1.80832C224.962 1.80832 220.668 -1.63418 217.208 1.80832C213.765 5.28559 151.835 67.3201 151.835 67.3201C151.835 67.3201 147.888 70.9017 144.063 67.3201" fill="#1F2D55"/>
|
|
14
|
+
</svg>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<svg width="1220" height="131" viewBox="0 0 1220 131" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M297.241 32.1909H309.312L330.206 85.9296L355.754 32.1909H371.16L396.796 85.9296L417.69 32.1909H429.657L405.237 94.6632H388.754L363.449 41.0982L338.143 94.6632H321.661L297.154 32.1909H297.241Z" fill="#1F2D55"/>
|
|
3
|
+
<path d="M425.193 68.6704C425.193 51.2031 439.192 40.8374 460.885 40.8374C482.578 40.8374 496.056 51.5851 496.056 72.8896H437.785C439.574 82.1441 448.015 87.0578 461.823 87.0578C473.182 87.0578 480.841 83.5331 483.134 77.5255H495.205C492.009 89.3497 480.511 96.3992 461.441 96.3992C438.897 96.3992 425.141 86.0681 425.141 68.653H425.193V68.6704ZM483.464 63.8434C481.345 54.3111 473.598 50.0919 460.972 50.0919C448.345 50.0919 440.078 54.5021 437.959 63.8434H483.464Z" fill="#1F2D55"/>
|
|
4
|
+
<path d="M503.246 24.1689H514.883V53.5993C520.284 45.5776 530.288 40.8375 542.828 40.8375C562.229 40.8375 574.717 51.7762 574.717 68.5836C574.717 85.3911 562.177 96.4166 542.828 96.4166C530.288 96.4166 520.284 91.6765 514.883 83.5506V94.6282H503.246V24.1689ZM539.112 86.1377C553.197 86.1377 561.933 79.2793 561.933 68.5836C561.933 57.888 553.197 51.1164 539.112 51.1164C524.036 51.1164 514.883 57.9748 514.883 68.5836C514.883 79.1924 524.036 86.1377 539.112 86.1377Z" fill="#1F2D55"/>
|
|
5
|
+
<path d="M613.674 32.1909H631.476L660.446 81.9013L689.365 32.1909H707.063V94.6632H695.322V43.4943L665.883 94.6632H654.854L625.415 43.4943V94.6632H613.622V32.1909H613.674Z" fill="#1F2D55"/>
|
|
6
|
+
<path d="M714.583 115.29V106.366C721.305 107.685 724.952 108.293 728.669 108.293C736.884 108.293 738.899 104.768 744.161 94.6282H739.038L711.804 42.5737H724.396L747.826 87.4919L771.256 42.5737H783.848L756.285 95.531C749.337 109.196 743.328 117.547 730.128 117.547C725.612 117.547 720.506 116.749 714.531 115.255L714.583 115.308V115.29Z" fill="#1F2D55"/>
|
|
7
|
+
<path d="M822.527 32.1909H840.329L869.3 81.9013L898.218 32.1909H915.916V94.6632H904.175V43.4943L874.736 94.6632H863.707L834.268 43.4943V94.6632H822.475V32.1909H822.527Z" fill="#1F2D55"/>
|
|
8
|
+
<path d="M923.906 68.6704C923.906 51.7761 938.269 40.8374 959.684 40.8374C981.099 40.8374 995.376 51.7761 995.376 68.6704C995.376 85.5646 981.012 96.4165 959.684 96.4165C938.356 96.4165 923.906 85.4778 923.906 68.6704ZM959.684 87.162C973.961 87.162 983.722 79.8348 983.722 68.6704C983.722 57.5059 973.961 50.0745 959.684 50.0745C945.407 50.0745 935.542 57.4017 935.542 68.6704C935.542 79.939 945.303 87.162 959.684 87.162Z" fill="#1F2D55"/>
|
|
9
|
+
<path d="M1002.18 42.5735H1014.53V53.8422C1021.26 45.4905 1031.54 40.7852 1044.96 40.7852C1061.72 40.7852 1071.92 47.5394 1071.92 68.0972V94.6106H1059.57V72.2123C1059.57 56.8633 1053.56 51.0814 1039.39 51.0814C1025.22 51.0814 1014.55 59.1032 1014.55 72.6811V94.6106H1002.2V42.5562L1002.18 42.5735Z" fill="#1F2D55"/>
|
|
10
|
+
<path d="M1078.29 68.6704C1078.29 51.2031 1092.29 40.8374 1113.98 40.8374C1135.68 40.8374 1149.15 51.5851 1149.15 72.8896H1090.88C1092.67 82.1441 1101.11 87.0578 1114.92 87.0578C1126.28 87.0578 1133.94 83.5331 1136.23 77.5255H1148.3C1145.11 89.3497 1133.61 96.3992 1114.54 96.3992C1092 96.3992 1078.24 86.0681 1078.24 68.653H1078.29V68.6704ZM1136.56 63.8434C1134.44 54.3111 1126.7 50.0919 1114.07 50.0919C1101.44 50.0919 1093.18 54.5021 1091.06 63.8434H1136.56Z" fill="#1F2D55"/>
|
|
11
|
+
<path d="M1150.74 115.29V106.366C1157.46 107.685 1161.1 108.293 1164.82 108.293C1173.04 108.293 1175.05 104.768 1180.31 94.6282H1175.19L1147.96 42.5737H1160.55L1183.98 87.4919L1207.41 42.5737H1220L1192.44 95.531C1185.49 109.196 1179.48 117.547 1166.28 117.547C1161.76 117.547 1156.66 116.749 1150.68 115.255L1150.74 115.308V115.29Z" fill="#1F2D55"/>
|
|
12
|
+
<path d="M217.19 1.92733L151.834 67.4034C149.68 69.5564 146.206 69.5564 144.087 67.4034C141.934 65.2504 141.934 61.7778 144.087 59.6595L165.502 38.2508C167.656 36.0978 167.656 32.6252 165.502 30.5069L137.47 2.48294C135.316 0.329926 131.843 0.329926 129.724 2.48294L67.1805 65.0073C65.0268 67.1603 61.5532 67.1603 59.4343 65.0073C57.2806 62.8543 57.2806 59.3817 59.4343 57.2634L76.6115 40.0913C78.7651 37.9383 78.7651 34.4657 76.6115 32.3474L45.9912 1.73635C43.8375 -0.416672 40.3639 -0.416672 38.2449 1.73635L1.61525 38.355C-0.538417 40.508 -0.538417 43.9806 1.61525 46.0989L43.2123 87.6834H43.1602L84.0104 128.573C86.164 130.726 89.6377 130.726 91.7566 128.573L128.091 92.2499C130.245 90.0969 133.718 90.0969 135.837 92.2499L172.172 128.573C174.325 130.726 177.799 130.726 179.918 128.573L261.948 46.5677C264.102 44.4147 264.102 40.9421 261.948 38.8238L224.902 1.92733C222.748 -0.190965 219.275 -0.190965 217.156 1.92733H217.19Z" fill="#1F2D55"/>
|
|
13
|
+
<path d="M138.547 94.8711L170.609 126.923C172.259 128.573 176.392 132.184 180.005 128.573C183.618 124.961 260.681 48.7722 262.035 46.5671C263.39 44.362 264.814 41.5839 260.385 37.1737L224.989 1.92668C224.989 1.92668 220.664 -1.54593 217.242 1.92668L151.886 67.4028C151.886 67.4028 147.943 70.9622 144.139 67.4028" fill="url(#paint0_linear_580_242)"/>
|
|
14
|
+
<path d="M84.0278 128.573C84.0278 128.573 5.27999 49.8141 3.21317 47.6958C1.14634 45.5775 -2.74415 42.7126 3.21317 36.705C9.17049 30.6974 34.9624 4.79167 37.064 2.86438C39.1655 0.937077 42.4655 -1.82365 45.9912 1.68369C49.517 5.19102 74.2147 29.9334 76.6115 32.2948C79.0083 34.6561 78.5394 38.0766 76.6115 40.0387C74.6836 42.0007 59.4343 57.2107 59.4343 57.2107C59.4343 57.2107 55.6827 61.0653 59.4343 64.9546C63.1858 68.844 67.1805 64.9546 67.1805 64.9546L84.0451 128.503V128.555L84.0278 128.573Z" fill="url(#paint1_linear_580_242)"/>
|
|
15
|
+
<defs>
|
|
16
|
+
<linearGradient id="paint0_linear_580_242" x1="161.733" y1="75.3377" x2="264.237" y2="47.298" gradientUnits="userSpaceOnUse">
|
|
17
|
+
<stop stop-color="#202D56"/>
|
|
18
|
+
<stop offset="1" stop-color="#7FC7C3"/>
|
|
19
|
+
</linearGradient>
|
|
20
|
+
<linearGradient id="paint1_linear_580_242" x1="62.6127" y1="64.2775" x2="-14.9019" y2="63.8084" gradientUnits="userSpaceOnUse">
|
|
21
|
+
<stop stop-color="#202D56"/>
|
|
22
|
+
<stop offset="1" stop-color="#121127"/>
|
|
23
|
+
</linearGradient>
|
|
24
|
+
</defs>
|
|
25
|
+
</svg>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<svg width="1220" height="131" viewBox="0 0 1220 131" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M297.208 32.0723H309.287L330.165 85.8039L355.712 32.0723H371.123L396.757 85.8039L417.635 32.0723H429.61L405.209 94.5509H388.739L363.435 40.9928L338.131 94.5509H321.661L297.156 32.0723H297.173H297.208Z" fill="white"/>
|
|
3
|
+
<path d="M425.167 68.5523C425.167 51.1104 439.19 40.6973 460.849 40.6973C482.509 40.6973 496.011 51.4401 496.011 72.7697H437.784C439.555 82.02 447.989 86.9662 461.839 86.9662C473.206 86.9662 480.877 83.4431 483.151 77.4382H495.23C492.071 89.2571 480.53 96.3033 461.474 96.3033C438.913 96.3033 425.167 85.9943 425.167 68.5523ZM483.394 63.7102C481.277 54.1822 473.519 49.9823 460.936 49.9823C448.354 49.9823 440.058 54.3732 437.941 63.7102H483.411H483.394Z" fill="white"/>
|
|
4
|
+
<path d="M503.161 24.0542H514.807V53.4886C520.187 45.4705 530.218 40.7152 542.731 40.7152C562.117 40.7152 574.613 51.6489 574.613 68.4661C574.613 85.2833 562.1 96.3212 542.731 96.3212C530.218 96.3212 520.169 91.5659 514.807 83.461V94.5683H503.161V24.0889V24.0542ZM539.035 86.0122C553.127 86.0122 561.857 79.1396 561.857 68.4661C561.857 57.7927 553.127 51.0242 539.035 51.0242C523.97 51.0242 514.807 57.8968 514.807 68.4661C514.807 79.0354 523.97 86.0122 539.035 86.0122Z" fill="white"/>
|
|
5
|
+
<path d="M613.575 32.0723H631.364L660.365 81.7775L689.261 32.0723H706.981V94.5509H695.266V43.3705L665.832 94.5509H654.828L625.394 43.3705V94.5509H613.593V32.0723H613.575Z" fill="white"/>
|
|
6
|
+
<path d="M714.478 115.169V106.265C721.16 107.584 724.874 108.209 728.57 108.209C736.762 108.209 738.775 104.686 744.069 94.5507H738.966L711.753 42.4678H724.37L747.8 87.4003L771.229 42.4678H783.847L756.269 95.4184C749.292 109.077 743.322 117.442 730.098 117.442C725.603 117.442 720.5 116.644 714.495 115.151H714.478V115.169Z" fill="white"/>
|
|
7
|
+
<path d="M822.445 32.0723H840.234L869.234 81.7775L898.131 32.0723H915.85V94.5509H904.135V43.3705L874.701 94.5509H863.698L834.263 43.3705V94.5509H822.462V32.0723H822.445Z" fill="white"/>
|
|
8
|
+
<path d="M923.799 68.5523C923.799 51.631 938.169 40.6973 959.568 40.6973C980.967 40.6973 995.25 51.631 995.25 68.5523C995.25 85.4736 980.88 96.3033 959.568 96.3033C938.256 96.3033 923.799 85.3695 923.799 68.5523ZM959.551 87.0703C973.817 87.0703 983.605 79.7464 983.605 68.5697C983.605 57.3929 973.834 49.9823 959.551 49.9823C945.268 49.9823 935.392 57.2888 935.392 68.5697C935.392 79.8506 945.163 87.0703 959.551 87.0703Z" fill="white"/>
|
|
9
|
+
<path d="M1002.04 42.4856H1014.38V53.7664C1021.06 45.4012 1031.38 40.7153 1044.78 40.7153C1061.53 40.7153 1071.73 47.5012 1071.73 68.0324V94.5511H1059.39V72.1629C1059.39 56.8209 1053.39 51.0243 1039.23 51.0243C1025.07 51.0243 1014.39 59.0424 1014.39 72.6142V94.5511H1002.05V42.4682H1002.04V42.4856Z" fill="white"/>
|
|
10
|
+
<path d="M1078.17 68.5523C1078.17 51.1104 1092.2 40.6973 1113.86 40.6973C1135.51 40.6973 1149.02 51.4401 1149.02 72.7697H1090.79C1092.56 82.02 1101 86.9662 1114.84 86.9662C1126.21 86.9662 1133.88 83.4431 1136.16 77.4382H1148.24C1145.08 89.2571 1133.54 96.3033 1114.48 96.3033C1091.92 96.3033 1078.17 85.9943 1078.17 68.5523ZM1136.4 63.7102C1134.28 54.1822 1126.53 49.9823 1113.94 49.9823C1101.36 49.9823 1093.06 54.3732 1090.95 63.7102H1136.42H1136.4Z" fill="white"/>
|
|
11
|
+
<path d="M1150.63 115.169V106.265C1157.31 107.584 1161.03 108.209 1164.72 108.209C1172.92 108.209 1174.93 104.686 1180.22 94.5507H1175.12L1147.91 42.4678H1160.52L1183.95 87.4003L1207.38 42.4678H1220L1192.42 95.4184C1185.45 109.077 1179.48 117.442 1166.25 117.442C1161.76 117.442 1156.65 116.644 1150.65 115.151H1150.63V115.169Z" fill="white"/>
|
|
12
|
+
<path d="M217.183 1.80494L151.823 67.3208C149.671 69.4728 146.2 69.4728 144.065 67.3208C141.913 65.1687 141.913 61.6977 144.065 59.563L165.482 38.1467C167.634 35.9946 167.634 32.5236 165.482 30.3889L137.47 2.37765C135.318 0.225608 131.847 0.225608 129.713 2.37765L67.1646 64.9257C65.0125 67.0778 61.5415 67.0778 59.4068 64.9257C57.2547 62.7737 57.2547 59.3027 59.4068 57.168L76.5884 39.9863C78.7405 37.8343 78.7405 34.3633 76.5884 32.2286L45.9739 1.61403C43.8218 -0.538011 40.3508 -0.538011 38.2161 1.61403L1.61403 38.2161C-0.538011 40.3682 -0.538011 43.8392 1.61403 45.9739L43.1971 87.5569L43.145 87.609L83.9991 128.463C86.1511 130.615 89.6222 130.615 91.7569 128.463L128.116 92.104C130.268 89.9519 133.739 89.9519 135.874 92.104L172.233 128.463C174.385 130.615 177.856 130.615 179.991 128.463L262.011 46.4425C264.163 44.2904 264.163 40.8194 262.011 38.6847L224.975 1.78758C222.823 -0.364461 219.352 -0.329751 217.217 1.78758H217.2L217.183 1.80494Z" fill="white"/>
|
|
13
|
+
<path d="M138.512 94.7765L170.584 126.849C172.25 128.515 176.346 132.142 179.973 128.48C183.618 124.836 260.64 48.6811 261.994 46.4596C263.348 44.2382 264.771 41.4787 260.362 37.0705C255.954 32.6623 224.958 1.82208 224.958 1.82208C224.958 1.82208 220.671 -1.6316 217.2 1.82208C213.729 5.27576 151.84 67.3379 151.84 67.3379C151.84 67.3379 147.884 70.9131 144.083 67.3379" fill="white"/>
|
|
14
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="916" height="452" viewBox="0 0 916 452" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M754.654 6.41094L527.514 234.003C520.055 241.461 507.999 241.461 500.54 234.003C493.081 226.545 493.081 214.489 500.54 207.031L574.993 132.586C582.452 125.128 582.452 113.072 574.993 105.614L477.652 8.284C470.193 0.825872 458.136 0.825872 450.677 8.284L233.347 225.557C225.888 233.015 213.831 233.015 206.372 225.557C198.913 218.099 198.913 206.009 206.372 198.585L266.077 138.886C273.536 131.428 273.536 119.373 266.077 111.914L159.745 5.5936C152.286 -1.86453 140.229 -1.86453 132.771 5.5936L5.59419 132.756C-1.86473 140.214 -1.86473 152.27 5.59419 159.728L150.141 304.259L149.936 304.464L291.894 446.406C299.353 453.865 311.41 453.865 318.869 446.406L445.16 320.129C452.619 312.671 464.676 312.671 472.135 320.129L598.425 446.406C605.884 453.865 617.941 453.865 625.4 446.406L910.406 161.431C917.865 153.973 917.865 141.883 910.406 134.425L781.663 6.27469C774.204 -1.14938 762.147 -1.11532 754.722 6.27469L754.654 6.37691V6.41094Z" fill="#1F2D55"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<svg width="916" height="453" viewBox="0 0 916 453" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M754.648 6.62463L527.542 234.253C520.085 241.711 508.019 241.711 500.562 234.253C493.104 226.795 493.104 214.73 500.562 207.272L575.044 132.789C582.502 125.331 582.502 113.266 575.044 105.808L477.713 8.4772C470.255 1.01942 458.19 1.01942 450.732 8.4772L233.412 225.798C225.954 233.255 213.889 233.255 206.431 225.798C198.973 218.34 198.973 206.274 206.431 198.817L266.14 139.107C273.598 131.649 273.598 119.584 266.14 112.126L159.784 5.7696C152.326 -1.68817 140.261 -1.68817 132.803 5.7696L5.59333 132.979C-1.86444 140.437 -1.86444 152.502 5.59333 159.96L150.141 304.508L149.904 304.746L291.839 446.681C299.297 454.138 311.362 454.138 318.82 446.681L445.127 320.374C452.585 312.916 464.65 312.916 472.108 320.374L598.415 446.681C605.873 454.138 617.938 454.138 625.396 446.681L910.407 161.67C917.864 154.213 917.864 142.1 910.407 134.689L781.677 6.52961C774.219 -0.880663 762.154 -0.880663 754.743 6.52961L754.648 6.62463Z" fill="#1F2D55"/>
|
|
3
|
+
<path d="M481.323 329.637L592.714 441.029C598.415 446.729 612.713 459.364 625.396 446.729C638.031 434.093 905.703 169.461 910.406 161.718C915.109 153.976 920.096 144.428 904.706 129.085C889.315 113.742 781.629 6.57764 781.629 6.57764C781.629 6.57764 766.713 -5.44031 754.695 6.57764C742.677 18.5956 527.589 234.206 527.589 234.206C527.589 234.206 513.861 246.651 500.608 234.206" fill="url(#paint0_linear_580_211)"/>
|
|
4
|
+
<path d="M291.885 446.729C291.885 446.729 18.2278 172.976 11.1976 165.613C4.16732 158.251 -9.56068 148.275 11.1976 127.517C31.9558 106.759 121.402 16.6004 128.812 9.90267C136.222 3.20492 147.528 -6.34291 159.783 5.91254C172.038 18.168 257.874 104.146 266.139 112.269C274.405 120.392 272.79 132.267 266.139 139.25C259.489 146.233 206.43 198.96 206.43 198.96C206.43 198.96 193.367 212.403 206.43 225.941C219.493 239.479 233.411 225.941 233.411 225.941L291.885 446.824V446.729Z" fill="url(#paint1_linear_580_211)"/>
|
|
5
|
+
<defs>
|
|
6
|
+
<linearGradient id="paint0_linear_580_211" x1="561.886" y1="261.757" x2="918.006" y2="164.378" gradientUnits="userSpaceOnUse">
|
|
7
|
+
<stop stop-color="#202D56"/>
|
|
8
|
+
<stop offset="1" stop-color="#8DCBB7"/>
|
|
9
|
+
</linearGradient>
|
|
10
|
+
<linearGradient id="paint1_linear_580_211" x1="217.545" y1="223.376" x2="-51.7897" y2="221.855" gradientUnits="userSpaceOnUse">
|
|
11
|
+
<stop stop-color="#202D56"/>
|
|
12
|
+
<stop offset="1" stop-color="#121127"/>
|
|
13
|
+
</linearGradient>
|
|
14
|
+
</defs>
|
|
15
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="916" height="452" viewBox="0 0 916 452" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M754.637 6.34417L527.485 233.974C520.041 241.418 507.963 241.451 500.518 233.974C493.074 226.529 493.074 214.453 500.518 207.009L575 132.533C582.445 125.089 582.445 113.012 575 105.568L477.654 8.23002C470.21 0.785745 458.132 0.785745 450.687 8.23002L233.364 225.537C225.919 232.981 213.841 232.981 206.397 225.537C198.952 218.093 198.952 206.016 206.397 198.572L266.088 138.885C273.533 131.441 273.533 119.365 266.088 111.921L159.742 5.58321C152.297 -1.86107 140.22 -1.86107 132.775 5.58321L5.58365 132.765C-1.86122 140.209 -1.86122 152.285 5.58365 159.729L150.146 304.281L149.948 304.479L291.897 446.417C299.342 453.861 311.419 453.861 318.864 446.417L445.162 320.129C452.607 312.684 464.684 312.684 472.129 320.129L598.427 446.417C605.872 453.861 617.949 453.861 625.394 446.417L910.416 161.417C917.861 153.972 917.861 141.863 910.416 134.419L781.67 6.24491C774.225 -1.16628 762.148 -1.16628 754.736 6.24491L754.637 6.31105V6.34417Z" fill="#FCFBFB"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<svg width="945" height="96" viewBox="0 0 945 96" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M0.01337 8.21338H12.3741L33.7512 63.2346L59.904 8.21338H75.6893L101.936 63.2346L123.313 8.21338H135.58L110.604 72.1573H93.7354L67.8502 17.31L41.9649 72.1573H25.096L0.0267503 8.21338H0H0.01337Z" fill="#1F2D55"/>
|
|
3
|
+
<path d="M130.938 45.5634C130.938 27.6912 145.265 17.0562 167.458 17.0562C189.651 17.0562 203.443 28.0658 203.443 49.8843H143.82C145.626 59.3555 154.281 64.3988 168.435 64.3988C180.073 64.3988 187.912 60.8002 190.267 54.66H202.627C199.363 66.7532 187.564 73.9502 168.074 73.9502C144.971 73.9502 130.911 63.3955 130.911 45.5366L130.938 45.5634ZM190.561 40.6004C188.38 30.8616 180.461 26.5407 167.552 26.5407C154.643 26.5407 146.175 31.0489 144.008 40.6004H190.561Z" fill="#1F2D55"/>
|
|
4
|
+
<path d="M210.748 0.0267554H222.653V30.1393C228.152 21.9389 238.439 17.0562 251.254 17.0562C271.093 17.0562 283.909 28.2397 283.909 45.4698C283.909 62.6999 271.093 73.977 251.254 73.977C238.439 73.977 228.152 69.1076 222.653 60.8003V72.1711H210.748V0V0.0267554ZM247.442 63.4222C261.863 63.4222 270.812 56.3857 270.812 45.4698C270.812 34.5538 261.889 27.5976 247.442 27.5976C232.018 27.5976 222.64 34.6341 222.64 45.4698C222.64 56.3055 232.018 63.4222 247.442 63.4222Z" fill="#1F2D55"/>
|
|
5
|
+
<path d="M323.72 8.21338H341.953L371.638 59.101L401.215 8.21338H419.355V72.1573H407.355V19.7581L377.243 72.1573H365.966L335.853 19.7581V72.1573H323.76V8.21338H323.733H323.72Z" fill="#1F2D55"/>
|
|
6
|
+
<path d="M426.953 93.2675V84.1708C433.816 85.5353 437.601 86.1641 441.374 86.1641C449.748 86.1641 451.835 82.5656 457.253 72.1981H452.022L424.144 18.8892H437.053L461.052 64.8806L485.051 18.8892H497.96L469.721 73.0944C462.59 87.0604 456.45 95.6487 442.939 95.6487C438.337 95.6487 433.107 94.8326 426.98 93.2942L426.953 93.2675Z" fill="#1F2D55"/>
|
|
7
|
+
<path d="M537.41 8.21338H555.644L585.328 59.101L614.905 8.21338H633.045V72.1573H621.046V19.7581L590.933 72.1573H579.656L549.543 19.7581V72.1573H537.45V8.21338H537.424H537.41Z" fill="#1F2D55"/>
|
|
8
|
+
<path d="M641.098 45.5634C641.098 28.2397 655.8 17.0562 677.712 17.0562C699.624 17.0562 714.233 28.2397 714.233 45.5634C714.233 62.8871 699.531 73.977 677.712 73.977C655.894 73.977 641.098 62.7935 641.098 45.5634ZM677.712 64.5192C692.32 64.5192 702.327 57.0278 702.327 45.5901C702.327 34.1525 692.32 26.5675 677.712 26.5675C663.104 26.5675 653.004 34.0588 653.004 45.5901C653.004 57.1215 663.011 64.5192 677.712 64.5192Z" fill="#1F2D55"/>
|
|
9
|
+
<path d="M721.162 18.8619H733.804V30.4066C740.666 21.8451 751.221 17.0693 764.92 17.0693C782.056 17.0693 792.517 24.0256 792.517 45.0415V72.1976H779.876V49.2821C779.876 33.5904 773.735 27.6375 759.221 27.6375C744.706 27.6375 733.791 35.8378 733.791 49.7369V72.1976H721.149V18.8753L721.162 18.8619Z" fill="#1F2D55"/>
|
|
10
|
+
<path d="M799.059 45.5634C799.059 27.6912 813.399 17.0562 835.579 17.0562C857.759 17.0562 871.564 28.0658 871.564 49.8843H811.941C813.747 59.3555 822.402 64.3988 836.556 64.3988C848.194 64.3988 856.033 60.8002 858.387 54.66H870.748C867.511 66.7532 855.685 73.9502 836.194 73.9502C813.092 73.9502 799.032 63.3955 799.032 45.5366L799.059 45.5634ZM858.682 40.6004C856.501 30.8616 848.582 26.5407 835.673 26.5407C822.764 26.5407 814.296 31.0489 812.129 40.6004H858.682Z" fill="#1F2D55"/>
|
|
11
|
+
<path d="M873.183 93.2675V84.1708C880.045 85.5353 883.831 86.1641 887.604 86.1641C895.978 86.1641 898.065 82.5656 903.483 72.1981H898.252L870.374 18.8892H883.283L907.282 64.8806L931.281 18.8892H944.19L915.95 73.0944C908.82 87.0604 902.68 95.6487 889.155 95.6487C884.554 95.6487 879.323 94.8326 873.196 93.2942L873.169 93.2675H873.183Z" fill="#1F2D55"/>
|
|
12
|
+
</svg>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<svg width="945" height="96" viewBox="0 0 945 96" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M0.01337 8.21338H12.3741L33.7512 63.2346L59.904 8.21338H75.6893L101.936 63.2346L123.313 8.21338H135.58L110.604 72.1573H93.7354L67.8502 17.31L41.9649 72.1573H25.096L0.0267503 8.21338H0H0.01337Z" fill="white"/>
|
|
3
|
+
<path d="M130.938 45.5634C130.938 27.6912 145.265 17.0562 167.458 17.0562C189.651 17.0562 203.443 28.0658 203.443 49.8843H143.82C145.626 59.3555 154.281 64.3988 168.435 64.3988C180.073 64.3988 187.912 60.8002 190.267 54.66H202.627C199.363 66.7532 187.564 73.9502 168.074 73.9502C144.971 73.9502 130.911 63.3955 130.911 45.5366L130.938 45.5634ZM190.561 40.6004C188.38 30.8616 180.461 26.5407 167.552 26.5407C154.643 26.5407 146.175 31.0489 144.008 40.6004H190.561Z" fill="white"/>
|
|
4
|
+
<path d="M210.748 0.0267554H222.653V30.1393C228.152 21.9389 238.439 17.0562 251.254 17.0562C271.093 17.0562 283.909 28.2397 283.909 45.4698C283.909 62.6999 271.093 73.977 251.254 73.977C238.439 73.977 228.152 69.1076 222.653 60.8003V72.1711H210.748V0V0.0267554ZM247.442 63.4222C261.863 63.4222 270.812 56.3857 270.812 45.4698C270.812 34.5538 261.889 27.5976 247.442 27.5976C232.018 27.5976 222.64 34.6341 222.64 45.4698C222.64 56.3055 232.018 63.4222 247.442 63.4222Z" fill="white"/>
|
|
5
|
+
<path d="M323.72 8.21338H341.953L371.638 59.101L401.215 8.21338H419.355V72.1573H407.355V19.7581L377.243 72.1573H365.966L335.853 19.7581V72.1573H323.76V8.21338H323.733H323.72Z" fill="white"/>
|
|
6
|
+
<path d="M426.953 93.2675V84.1708C433.816 85.5353 437.601 86.1641 441.374 86.1641C449.748 86.1641 451.835 82.5656 457.253 72.1981H452.022L424.144 18.8892H437.053L461.052 64.8806L485.051 18.8892H497.96L469.721 73.0944C462.59 87.0604 456.45 95.6487 442.939 95.6487C438.337 95.6487 433.107 94.8326 426.98 93.2942L426.953 93.2675Z" fill="white"/>
|
|
7
|
+
<path d="M537.41 8.21338H555.644L585.328 59.101L614.905 8.21338H633.045V72.1573H621.046V19.7581L590.933 72.1573H579.656L549.543 19.7581V72.1573H537.45V8.21338H537.424H537.41Z" fill="white"/>
|
|
8
|
+
<path d="M641.098 45.5634C641.098 28.2397 655.8 17.0562 677.712 17.0562C699.624 17.0562 714.233 28.2397 714.233 45.5634C714.233 62.8871 699.531 73.977 677.712 73.977C655.894 73.977 641.098 62.7935 641.098 45.5634ZM677.712 64.5192C692.32 64.5192 702.327 57.0278 702.327 45.5901C702.327 34.1525 692.32 26.5675 677.712 26.5675C663.104 26.5675 653.004 34.0588 653.004 45.5901C653.004 57.1215 663.011 64.5192 677.712 64.5192Z" fill="white"/>
|
|
9
|
+
<path d="M721.162 18.8619H733.804V30.4066C740.666 21.8451 751.221 17.0693 764.92 17.0693C782.056 17.0693 792.517 24.0256 792.517 45.0415V72.1976H779.876V49.2821C779.876 33.5904 773.735 27.6375 759.221 27.6375C744.706 27.6375 733.79 35.8378 733.79 49.7369V72.1976H721.149V18.8753L721.162 18.8619Z" fill="white"/>
|
|
10
|
+
<path d="M799.059 45.5634C799.059 27.6912 813.399 17.0562 835.579 17.0562C857.759 17.0562 871.564 28.0658 871.564 49.8843H811.941C813.747 59.3555 822.402 64.3988 836.556 64.3988C848.194 64.3988 856.033 60.8002 858.387 54.66H870.748C867.511 66.7532 855.685 73.9502 836.194 73.9502C813.092 73.9502 799.032 63.3955 799.032 45.5366L799.059 45.5634ZM858.682 40.6004C856.501 30.8616 848.582 26.5407 835.673 26.5407C822.764 26.5407 814.296 31.0489 812.129 40.6004H858.682Z" fill="white"/>
|
|
11
|
+
<path d="M873.183 93.2675V84.1708C880.045 85.5353 883.831 86.1641 887.604 86.1641C895.978 86.1641 898.065 82.5656 903.483 72.1981H898.252L870.374 18.8892H883.283L907.282 64.8806L931.281 18.8892H944.19L915.95 73.0944C908.82 87.0604 902.68 95.6487 889.155 95.6487C884.554 95.6487 879.323 94.8326 873.196 93.2942L873.169 93.2675H873.183Z" fill="white"/>
|
|
12
|
+
</svg>
|
package/brand-tokens.css
ADDED
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* WMM brand tokens as CSS custom properties — the "brand slot".
|
|
3
|
+
* Import when you want the WMM brand colours/gradients/fonts WITHOUT adopting
|
|
4
|
+
* the full token theme system (e.g. a landing page, an email shell, a widget):
|
|
5
|
+
*
|
|
6
|
+
* @import "@web-my-money/brand/brand-tokens.css";
|
|
7
|
+
* .cta { background: var(--wmm-gradient-brand); color: var(--wmm-primary-fg); }
|
|
8
|
+
*
|
|
9
|
+
* For full app theming (light/dark/wmm + semantic vars) use
|
|
10
|
+
* @import "@web-my-money/tokens/theme" instead — these two compose cleanly.
|
|
11
|
+
*/
|
|
12
|
+
:root {
|
|
13
|
+
/* Signature palette (2026-07, aligned to production) */
|
|
14
|
+
--wmm-aqua: #8fccb6; /* primary — Pearl Aqua */
|
|
15
|
+
--wmm-periwinkle: #869ce2; /* accent */
|
|
16
|
+
--wmm-blue-lift: #7388cf;
|
|
17
|
+
--wmm-space-cadet: #1f2d56; /* light-mode primary + logo ink on light */
|
|
18
|
+
|
|
19
|
+
/* Legacy trio (deprecated — map to current brand) */
|
|
20
|
+
--wmm-teal: #8fccb6;
|
|
21
|
+
--wmm-violet: #869ce2;
|
|
22
|
+
--wmm-sky: #7388cf;
|
|
23
|
+
|
|
24
|
+
/* Aliases */
|
|
25
|
+
--wmm-primary: #8fccb6;
|
|
26
|
+
--wmm-accent: #869ce2;
|
|
27
|
+
--wmm-primary-fg: #04201c;
|
|
28
|
+
--wmm-accent-fg: #0a1222;
|
|
29
|
+
|
|
30
|
+
/* Navy surface ramp */
|
|
31
|
+
--wmm-navy: #080b14;
|
|
32
|
+
--wmm-surface: #0b1322;
|
|
33
|
+
--wmm-card: #0f172a;
|
|
34
|
+
--wmm-overlay: #16203a;
|
|
35
|
+
|
|
36
|
+
/* Ink */
|
|
37
|
+
--wmm-fg: #f8fafc;
|
|
38
|
+
--wmm-muted: #94a3b8;
|
|
39
|
+
--wmm-faint: #64748b;
|
|
40
|
+
--wmm-border: rgba(255, 255, 255, 0.08);
|
|
41
|
+
--wmm-border-strong: rgba(255, 255, 255, 0.14);
|
|
42
|
+
|
|
43
|
+
/* Status */
|
|
44
|
+
--wmm-danger: #ef4444;
|
|
45
|
+
--wmm-warn: #f59e0b;
|
|
46
|
+
--wmm-ok: #22c55e;
|
|
47
|
+
--wmm-glow: rgba(143, 204, 182, 0.15);
|
|
48
|
+
|
|
49
|
+
/* Gradients */
|
|
50
|
+
--wmm-gradient-brand: linear-gradient(135deg, #1f2d56 0%, #8fccb6 100%);
|
|
51
|
+
--wmm-gradient-hero-text: linear-gradient(118deg, #8aa0e6 0%, #7388cf 42%, #8fccb6 100%);
|
|
52
|
+
--wmm-gradient-hero: linear-gradient(180deg, #070b13 0%, #080c14 46%, #0a1220 100%);
|
|
53
|
+
--wmm-gradient-teal-glow: radial-gradient(ellipse at 50% 0%, rgba(143, 204, 182, 0.18) 0%, transparent 70%);
|
|
54
|
+
--wmm-gradient-violet-glow: radial-gradient(ellipse at 84% 6%, rgba(115, 136, 207, 0.14) 0%, transparent 60%);
|
|
55
|
+
|
|
56
|
+
/* Type */
|
|
57
|
+
--wmm-font-display: "Satoshi", "Space Grotesk", system-ui, sans-serif;
|
|
58
|
+
--wmm-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
|
|
59
|
+
--wmm-font-mono: ui-monospace, "JetBrains Mono", "Fira Code", monospace;
|
|
60
|
+
}
|
package/brand.css
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* WMM logo ink, per theme. Import once (e.g. in globals.css):
|
|
3
|
+
* @import "@web-my-money/brand/brand.css";
|
|
4
|
+
* White logo on dark/wmm surfaces, navy on light — matching the brand standard.
|
|
5
|
+
* Without this file, <WmmLogo> falls back to `currentColor`.
|
|
6
|
+
*/
|
|
7
|
+
:where(:root, [data-theme="dark"], [data-theme="wmm"]) {
|
|
8
|
+
--wmm-logo-ink: #fbfbfb;
|
|
9
|
+
}
|
|
10
|
+
[data-theme="light"] {
|
|
11
|
+
--wmm-logo-ink: #1f2d56;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.wmm-logo > svg {
|
|
15
|
+
height: 100%;
|
|
16
|
+
width: auto;
|
|
17
|
+
display: block;
|
|
18
|
+
}
|