diff --git a/web/e.cash/data/navitems.js b/web/e.cash/data/navitems.js index 042050b5a..380f42ef4 100644 --- a/web/e.cash/data/navitems.js +++ b/web/e.cash/data/navitems.js @@ -1,124 +1,124 @@ // Copyright (c) 2023 The Bitcoin developers // Distributed under the MIT software license, see the accompanying // file COPYING or http://www.opensource.org/licenses/mit-license.php. export const navitems = [ { nav_item: 'About', dropdown_items: [ { title: 'Wealth Redefined', link: '/wealth-redefined', icon: '/images/hand-diamond-icon.svg', }, { title: 'Core Tech', link: '/core-tech', icon: '/images/cube-icon.svg', }, { title: 'FAQ', link: '/faq', icon: '/images/hands-logo-icon.svg', }, { title: 'Roadmap', link: '/roadmap', icon: '/images/roadmap-icon.svg', }, { title: 'eCash Brand', - link: '/ecash-brand', + link: '/brand', icon: '/images/dna-icon.svg', }, ], }, { nav_item: 'Technology', dropdown_items: [ { title: 'Releases', link: 'https://www.bitcoinabc.org/releases/', icon: '/images/hand-logo-icon.svg', }, { title: 'Source Code', link: 'https://github.com/bitcoin-abc/bitcoin-abc/', icon: '/images/hand-code-icon.svg', }, { title: 'Documentation', link: 'https://www.bitcoinabc.org/doc/', icon: '/images/document-icon.svg', }, ], }, { nav_item: 'Get eCash', dropdown_items: [ { title: 'Exchanges', link: '/get-ecash#exchanges', icon: '/images/refresh-logo-icon.svg', }, { title: 'Wallets', link: '/wallets', icon: '/images/wallet-icon.svg', }, { title: 'Services', link: '/get-ecash#services', icon: '/images/services-icon.svg', }, { title: 'Mining', link: '/get-ecash#mining', icon: '/images/mining-icon.svg', }, ], }, { nav_item: 'Blog', link: '/blog', }, { nav_item: 'More', dropdown_items: [ { title: 'GNC', link: 'https://gnc.e.cash', icon: '/images/hands-logo-icon.svg', }, { title: 'Avalanche on eCash', link: 'https://avalanche.cash/', icon: '/images/mountain-icon.svg', }, { title: 'eCash Scorecard', link: 'https://scorecard.cash/', icon: '/images/hand-stars-icon.svg', }, { title: 'eCash Supply', link: 'https://ecash.supply/', icon: '/images/hand-cube-icon.svg', }, { title: 'eCash Explorer', link: 'https://explorer.e.cash/', icon: '/images/cube-icon.svg', }, { title: 'eCash Community', link: 'https://ecash.community', icon: '/images/hands-icon.svg', }, { title: 'Career Opportunities', link: 'careers', icon: '/images/people-icon.svg', }, ], }, ]; diff --git a/web/e.cash/next.config.js b/web/e.cash/next.config.js index 5bd672a81..4a3759515 100644 --- a/web/e.cash/next.config.js +++ b/web/e.cash/next.config.js @@ -1,46 +1,51 @@ // Copyright (c) 2023 The Bitcoin developers // Distributed under the MIT software license, see the accompanying // file COPYING or http://www.opensource.org/licenses/mit-license.php. const nextConfig = { reactStrictMode: true, compiler: { styledComponents: true, }, eslint: { dirs: [ 'pages', 'app', 'components', 'lib', 'src', 'data', 'styles', '.eslintrc.js', 'next.config.js', 'jest.config.js', ], }, images: { remotePatterns: [ { protocol: 'https', hostname: 'api.scorecard.cash', }, { protocol: 'https', hostname: 'strapi.fabien.cash', }, ], }, async redirects() { return [ { source: '/roadmap-explained', destination: '/roadmap', permanent: true, }, + { + source: '/ecash-brand', + destination: '/brand', + permanent: true, + }, ]; }, }; module.exports = nextConfig; diff --git a/web/e.cash/pages/ecash-brand.js b/web/e.cash/pages/brand.js similarity index 99% rename from web/e.cash/pages/ecash-brand.js rename to web/e.cash/pages/brand.js index 5a6a39750..a30083bd1 100644 --- a/web/e.cash/pages/ecash-brand.js +++ b/web/e.cash/pages/brand.js @@ -1,322 +1,322 @@ // Copyright (c) 2023 The Bitcoin developers // Distributed under the MIT software license, see the accompanying // file COPYING or http://www.opensource.org/licenses/mit-license.php. import Image from 'next/image'; import Link from 'next/link'; import Layout from '/components/layout'; import SubPageHero from '/components/sub-page-hero'; import H3 from '/components/h3'; import { Container, CenterImage, GradientSpacer } from '/components/atoms'; import robothand from '/public/animations/robot-hand.json'; import logodiagram from '/public/images/logo-diagram.svg'; import logodiagram2 from '/public/images/logo-diagram-2.svg'; import logodiagram3 from '/public/images/logo-diagram-3.svg'; import { TextBlock, LogoRow, RowName, LogoTileCtn, LogoTile, LinkCtn, ImageCtn, ColorRow, ColorTileCtn, ColorTile, Swatch, ColorValues, FontLink, -} from '/styles/pages/ecash-brand.js'; +} from '/styles/pages/brand.js'; export default function EcashBrand() { const logos = [ { type: 'logo-primary-horizontal', variations: ['dark-text', 'black', 'white-text', 'white'], row_name: 'Primary Horizontal', }, { type: 'logo-primary-vertical', variations: ['dark-text', 'black', 'white-text', 'white'], row_name: 'Primary Vertical', }, { type: 'logo-secondary-horizontal', variations: ['dark-text', 'black', 'white-text', 'white'], row_name: 'Secondary Horizontal', }, { type: 'logo-secondary-vertical', variations: ['dark-text', 'black', 'white-text', 'white'], row_name: 'Secondary Vertical', }, { type: 'square-icon', variations: [ 'blue-gradient', 'blue', 'white-blue-gradient', 'white-blue', ], row_name: 'Square Icon', }, { type: 'icon', variations: ['blue-gradient', 'blue', 'black', 'white'], row_name: 'Icon', }, { type: 'circle-icon', variations: ['blue-gradient', 'blue', 'black', 'white'], row_name: 'Round Icon', }, ]; const lightbackgrounds = ['dark-text', 'black']; const primaryColors = [ { hex: '#001137', rgb: 'R:0 G:17 B:55', cmyk: 'C:100 M:68 Y:67 K:90', }, { hex: '#273498', rgb: 'R:39 G:52 B:152', cmyk: 'C:100 M:94 Y:1 K:0', }, { hex: '#0074C2', rgb: 'R:0 G:116 B:194', cmyk: 'C:86 M:51 Y:0 K:0', }, { hex: '#00ABE7', rgb: 'R:0 G:171 B:231', cmyk: 'C:71 M:14 Y:0 K:0', }, ]; const secondaryColors = [ { hex: '#CD0BC3', rgb: 'R:205 G:11 B:195', cmyk: 'C:33 M:89 Y:0 K:0', }, { hex: '#FF21D0', rgb: 'R:255 G:33 B:208', cmyk: 'C:14 M:84 Y:0 K:0', }, { hex: '#231F20', rgb: 'R:35 G:31 B:32', cmyk: 'C:70 M:67 Y:64 K:74', }, { hex: '#FFFFFF', rgb: 'R:255 G:255 B:255', cmyk: 'C:0 M:0 Y:0 K:0', }, ]; return (

We’ve created this guide to help you use some of our core brand elements and our logo. Definitely check it out before you get started.

Our logo identifies, expresses, and distinguishes us. It’s one of the first things people see and one of the first things people remember when they think about us. It’s what enables us to stand out from the rest.

When we introduced the new logo, we wanted to make sure it accurately represents the essence of eCash, showing the world our boldness and dynamism.

The letters “e” & “c” are among the most recognizable symbols in the world. Combined with the block and hexagon elements, we created a logo that is instantly recognizable in a way that identifies the project like never before.

eCash

The eCash logo should always be afforded a predetermined area of breathing space, referred to as clear space. This ensures that the identity maintains its hierarchy and is not overwhelmed by other visual elements.

eCash logo eCash logo

There are several variations of the logo: primary, secondary, and icon.

{logos.map(logo => ( <> {logo.row_name} {logo.variations.map((variation, index) => ( eCash logo [PNG] [SVG] ))} ))}

PRIMARY COLORS

The primary colors are the major identity color which will be most use in different situation. They are to be used across all communications and applications, including as background colors and body copy.

{primaryColors.map((color, index) => ( {color.hex} {color.rgb} {color.cmyk} ))}

SECONDARY COLORS

The secondary colors are used to support the primary color, usually as either a subtle backdrop or to immediately attract the eye.

{secondaryColors.map((color, index) => ( {color.hex} {color.rgb} {color.cmyk} ))}

For logotype, subtitle and heading materials, the primary font Montserrat should be used. For the logotype please set the tracking to 50.

Montserrat

For paragraph and other text elements, the secondary font Poppins should be used.

Poppins

For more information, please download the{' '} VISUAL IDENTITY GUIDELINE . Alternatively, you can reach out to{' '} contact@e.cash{' '} if you have any questions.

); } diff --git a/web/e.cash/styles/pages/ecash-brand.js b/web/e.cash/styles/pages/brand.js similarity index 100% rename from web/e.cash/styles/pages/ecash-brand.js rename to web/e.cash/styles/pages/brand.js