DRIVO DRIVO
App-kit · tokens, components and logos

Tokens, components and logos

Brand source of truth for the Giquina portfolio. Official DRIVO Speed logo and colour tokens are shown below. Shared kit components stay product-accent agnostic; DRIVO supplies its own green.

DRIVO Speed logos

Masters live in assets/brands/drivo/. A top bar always shows the speed lines, the car and the word DRIVO together. The car alone is only for the favicon, app icon and manifest.

Light grounds

Horizontal lightHorizontal 28px — every top bar at 360px and wider
Compact lightCompact 24px — top bars under 360px
Stacked lightStacked — splash, login hero, large marketing
Car markApp iconCar mark and app icon — favicon and manifest only

Dark / navy grounds

Horizontal darkSpeed lines Glow #04E97E, wordmark white, car unchanged
Compact darkCompact dark
Stacked darkStacked dark

DRIVO colour tokens

Light

Green #17704C
Hover #125C3E
Mint #E8F6EF
Orange #F08A24
Navy #031732
Muted #5A6B85
Page #F6F8FB

Orange is decoration only. White-on-orange is forbidden.

Dark

Glow #04E97E
Hover #5CFFA8
Surface #0A2040
Muted #8E9CB8

Never white text on Glow. This is the dark-theme primary, not a second light-theme green button.

Public components

The kit exports these operator primitives. Primary actions honour the consuming product accent, so DRIVO keeps its green.

AppShell, TopBar, SideNav, PageShell, Inspectorshell / layout / nav
DataTable, Kpi, CoveredKpi, KpiRow, CheckNowdata / metrics
FilterBar, SavedViews, SegmentedFilterfiltering
Button, IconButton, Menu, SplitButtoninteraction (pill)
StatusPill, EmptyState, LoadingState, ErrorStatestatus / feedback
SourcedValue, Provenance, ProvenanceKey, SourceAttributionprovenance
Galleryreference contact sheet