营销策划 -AI科技公司Cartesia品牌VI手册

BRANDGUIDELINES

version1.0

cartes1a

version1.0

contents

1.0Introduction

1.1Elements

1.2Designprinciples

2.0Logo&wordmark

2.1symbolconstruction

2.2symbol

2.3wordmark

2.4Logo

2.5clearspace

2.6placement

circlecontainers

:.0Typography

overview

3.2BrandTypefaces

3.3Treatment

3.4Typesystem

color

4.1Mainpalette

4.2colorsystem

4.3Extendedpalette

4.4symbol+color

5.0Dithering&Images

5.1concept

5.2Ditheringprocess

5.3Imagesourcing

5.4Examples

6.0Grids

6.1Grids&Layouts

6.22xGrid

6.3squareFormats

6.5AppliedGrid

6.6GridGraphics

7.oIconography

7.1IconstylesIconset

7.3BuildingIcons

8.0Applied

8.1compositions

8.9Digital

8.14charts

8.15Badges

9.0Assets

9.1DownloadLinks

9.2DitheringTool

Elements

symbol

Typography

AaAa

color

Dithering

Grid

Iconography

☆D

Designprinciples

2

3

4

symbolconstrution

2.2

symbol

2.3

wordmark

2.4

cartesa

2.5

clearspace

clearspace

cartes1a

symbolsize:96x96spacing:32(96/3)

SYMBOL

placement

LOGOLOCKUP

cartesia

cartesia

cartesia

cartesia

cartesia

cartesia

circlecontainters

OPTICALLYALIGNED

METRICALLYALIGNED

overview

SONIC

MAMBATART

DOMINO

BASED

S4ND

PRIMARYTYPEFACE

GTsectra

contemporary,sharp,caligraphic

3.2

BrandTypefaces

SECONDARYTYPEFACE

BerkeleyMono

Technical,precise,calibrated

3.3·TypeTreatment

Display

Mono+serifInlinecombination

ZOOLOGY

3.4

Typesystem

H1Headline-BOOK

GTSectraBOOK·sz:80px·ld:1.0·tr:-1.6px

H2Headline-BOOK

GTSectraBOOK。sz:56px·ld:1.05·tr:-1.12px

H3Headline-Regular

GTSectraRegular·sz:40px…ld:1.1·tr:-0.8px

Title-Regular

GTSectraRegular·sz:32px·ld:1.1。tr:-0.32px

TITLE-REGULAR

BerkleyMonoRegularxuppercasesz:20px·ld:1.e·tr:-0.4px

Reader-Regular

GTSectraRegular。sz:20px·ld:1.3…tr:-0.2px

Description-Regular

BerkleyMonoRegularrsz:14px·ld:1.3。tr:-0.28px

Mainpalette

4.2

colorsystem

PRIMARYSECONDARY

BLACK

#000000

OFF-WHITE

#E7E7E7

NAVY

#002C41

BERMUDA#7FD7F5

PRIMARYPAIRINGSSECONDARYPAIRINGS

FOREST#1D2F05

SPROUT#CODDgA

ACCENT

RUST

#7A140D

CORAL

#F3COB6

TERTIARYPAIRINGS

OFF-WHITEBLACK

BLACK

OFF-WHITE

SPROUTNAVY

FOREST

BERMUDA

BERMUDA

FOREST

NAVY

SPROUT

SPROUTRUST

BERMUDARUST

FORST

CORAL

NAVY

CORAL

4.4

symbol+color

LightEnvironments

primary

secondary/Darkcolor+offwhite

Dithering&Imagery

5.2

SOURCEIMAGE

17thcenturyexpedition-publicdomainimage

*croppartsoftheimagewherethereisagoodcompositon

b

DITHERING

b

Floyd-steinberg1-bitdithering

XAlwaysdownscaleuntilevery1bitsquareisvisible

DUOTONECOLORING

Forest+Bermudacolorpairing

XAlwaysmapdarkershadecoloronblackbits

5.3

Imagery

sourcedfrom

publicDomainR7

5.4-Examples

5.5-Examples

5.6-Examples

5.7-Examples

Grids&Layouts

2XGrid

squareFormats

Artwork

GridApplied

GridGraphics

Iconstyies

Iconset

>

Aa

J

D

>

☆

丶

BuildingIcons

IconGridExample

scalingstrokes

8.1Example-Banners

8.2Example-Artwork

8.3Example-Businesscards

8.4Example-Badges

8.5Example-Motionstoryboard

8.6Example-socialMediaTemplate

8.7Example-ReasearchArticles

8.8Example-Notebook

8.9Example-Announcement

8.11Example-productUI

8.10Example-Announcement

8.11Example-webHero

cartesia

8.12Example-Linkedinprofile

8.13Example-Twitterprofile

8.14Example-productGraphic

8.15Example-chart

8.16Example-Badges

LIGHTSURFACES

lg

poweredbycarteia

poweredbycarteia

poweredbycarteia

DowloadLinks

Brandpackag