Vivere Colorado · brand kit

Logo, colour and asset system

Vector masters, platform-exact exports, merch artwork and print files — all generated from one set of geometry, all downloadable here. Every raster on this page is a true rasterisation of the vector at its target size, not an upscale.

1Logo family

Four members. Pick by how much room the mark has, not by preference — the full lockup stops working below about 120px, which is why the others exist.

Full lockupRoundel, banner, band, trailer · 1000×880
PrimaryBanner and wordmark · the workhorse
EmblemReads at 16px · favicon, avatar, app icon
One colourVinyl, embossing, single-ink print

2Merch artwork

Single-colour by construction, because that is what screen print and embroidery actually take. Black and white colourways for light and dark garments.

Island badge — souvenir treatment

Classic island souvenir grammar — scenic roundel, sun rays, arched lettering, bottom banner — with the range in place of the volcano. The arched VIVERE is the real wordmark, each glyph placed on its own tangent, not a substitute font.

Island badge · whiteFor black and dark garments
Island badge · blackFor white and light garments
Island badge · slateFull-colour garments and print

Hat — embroidery

Weights thickened for stitch and detail removed below roughly 1.2 mm at a 2.5 in cap front. It still reads at 64 px, which is the real test.

Hat · white2.5in cap front, embroidery weights
Hat · black2.5in cap front, embroidery weights
Shirt back · white11in back print
Shirt chest · white3.5in left chest

3Colour

Measured off the artwork, not eyeballed — the percentages are how much of the mark each colour actually occupies.

Slate#283232oklch(27.6% 0.017 191)13.0% of the mark · banner ground
Cream#FAFAF0oklch(97.7% 0.019 106)11.3% · wordmark and roundel fields
Olive#787864oklch(53.3% 0.026 110)3.3% · the COLORADO band. Band colour, not text colour.
Sand#CFC5A6oklch(81.5% 0.043 96)roundel field
Ink#101414oklch(18.4% 0.008 200)page and film ground

One decision is still open, and it gets more expensive the longer it waits

This system is slate, olive and cream. The live site, the V-01 pilot and the brand section of both plans are ember #E4531F and charcoal — hot metal at night. Those are not variations of one another; they are two different brands.

Every asset on this page re-colours from one constant in the build, so switching is cheap today and expensive once these are in circulation.

4Type

The wordmark is drawn, not set — it is a slab serif, and it is not Anton. Anton is the display face for headings on the site; the two are different by design and must not be substituted for each other.

RoleFaceNotes
WordmarkDrawn slab serif (outlined) Ships as vector outlines. Never re-set in a substitute font.
Display / headingsAnton 400 One weight only. There is no Anton bold — never synthesise it.
Body / UIBarlow 400–700 Self-hosted woff2, latin + latin-ext subsets.

5Platform assets

27 files, each sized to a real published platform spec.

Web & app

FileSizeGround UseWeight
apple-touch-icon-180.png180×180flat groundiOS home screen, no alpha7 KBDownload
favicon-16.png16×16transparentbrowser tab1 KBDownload
favicon-32.png32×32transparentbrowser tab, retina1 KBDownload
favicon-48.png48×48transparentwindows taskbar2 KBDownload
favicon.ico256×256transparentmulti-layer ico, 16/32/48/64/128/25625 KBDownload
icon-192.png192×192transparentandroid / PWA10 KBDownload
icon-512.png512×512transparentPWA splash29 KBDownload
icon-maskable-512.png512×512flat groundPWA maskable, 80% safe zone18 KBDownload
og-card.png1200×630flat groundopen graph / link preview27 KBDownload
site-header-primary.png900×355transparentsite header lockup15 KBDownload

Social

FileSizeGround UseWeight
facebook-cover-820x312.png820×312flat groundFacebook cover8 KBDownload
facebook-profile-500.png500×500flat groundFacebook page avatar17 KBDownload
google-business-720.png720×720flat groundGoogle Business Profile27 KBDownload
instagram-profile-320.png320×320flat groundInstagram avatar10 KBDownload
linkedin-cover-1128x191.png1128×191flat groundLinkedIn cover8 KBDownload
linkedin-logo-300.png300×300flat groundLinkedIn company logo10 KBDownload
x-header-1500x500.png1500×500flat groundX header14 KBDownload
x-profile-400.png400×400flat groundX avatar13 KBDownload
youtube-banner-2048x1152.png2048×1152flat groundYouTube banner, 1235x338 safe43 KBDownload
youtube-icon-800.png800×800flat groundYouTube channel icon30 KBDownload

Print & email

FileSizeGround UseWeight
business-card-front-1050x600.png1050×600flat ground3.5x2in @300dpi28 KBDownload
letterhead-header-2550x600.png2550×600transparentUS Letter @300dpi25 KBDownload
menu-header-2400x700.png2400×700transparentmenu board header30 KBDownload
sticker-die-cut-1200.png1200×1200transparentdie-cut sticker54 KBDownload
vinyl-onecolour-3000.png3000×3294transparentsingle-colour vinyl cut161 KBDownload
doc-footer-1200.png1200×473transparentdocument footer20 KBDownload
signature-600x237.png600×237transparentemail signature @2x10 KBDownload

6Motion

5.4s, 1080×1080, built from the same vector geometry as the print files — the animation and the stationery are literally the same object.

7In place

The environments are photographic renders; the mark composited into them is the exact vector, warped to the surface and re-lit by that surface’s own luminance. The logo itself never passes through an image model.

01 Sign PanelGenerated environment · exact vector composited

8Usage

Clear space and minimum size

MemberMinimumClear spaceUse it for
Full lockup120 px / 32 mmHalf the roundel diameter, all sides Signage, packaging, the close of a film
Primary110 px / 28 mmHeight of the COLORADO band Site header, letterhead, menu, email
Emblem16 px25% of the diameter Favicon, avatar, app icon, stamp
One colour90 pxAs the full lockup Vinyl, embossing, single-ink print

Never

Re-set the wordmarkIt is drawn. Substituting Anton or any other slab changes the mark.
Recolour outside the paletteThe swatches above are the whole system.
Put the full lockup below 120pxCOLORADO fills in and the mark reads as a smudge.
Add effectsNo bevel, no drop shadow, no gradient, no outer glow on the mark itself.
Stretch or condenseScale proportionally, always.
Rebuild it from an image modelThat is how the source art got a broken R and stray dots in the sky.

9Downloads

Bundles, or grab individual files from the tables above.