Identità di marca
Come usare il marchio bikedo.app.
Una breve guida al logotipo, alla palette, alla tipografia e al modo in cui parliamo del prodotto. Se stai usando asset BikeDo su un sito partner, in un press kit o in un post di community, questa è la fonte di verità.
Logotipo
Due colori, due pesi, un accento Clay. Inter Black, tracking leggermente stretto.
Su nero
Su sfondo chiaro
Monocromatico (ultima scelta)
Piccolo (favicon / icona app)
Il logotipo è sempre «bikedo.app» (minuscolo). Il suffisso «.app» è sempre in Clay.
Spazio libero attorno al logotipo almeno pari all'altezza della «b». Niente compressioni.
Nel testo, scrivi il prodotto come BikeDo (CamelCase) — mai «BikeDo App» o «BikeDo API».
Icone
Il segno dell’app — una «b» minuscola in Clay su una tessera scura. Lo stesso segno funziona come icona dell’app, favicon e icona nei piè di pagina o nelle firme.
Icona dell’app
Quadrato arrotondato, «b» in Clay su Black/Charcoal. iOS e Android, App Store e Google Play.
Scarica · PNG 1024
Favicon / piccola
Una lettera più grande per la leggibilità a 16–32 px. Schede del browser, segnalibri e PWA.
Scarica · .ico
Sorgente vettoriale
SVG master per render grandi e stampa — scala senza perdere qualità.
Scarica · SVGNon ricolorare, distorcere o ruotare il segno. Mantieni proporzioni e spazio di rispetto.
L’icona ha lo sfondo scuro integrato — non collocarla su un’altra tessera scura senza spaziatura.
Sfondi
Sfondi per desktop nella palette del brand — il segno su charcoal, in 5K. Scegli solo il segno o la versione con lo slogan.
Per il telefono
Solo il segno
Solo il segno, nella metà inferiore (sicuro per la schermata di blocco). iPhone e Android.
Con lo slogan · PL
Il segno con lo slogan, nella metà inferiore. iPhone e Android.
Con lo slogan · EN
Il segno con lo slogan, nella metà inferiore. iPhone e Android.
Social / condivisione
Palette colori
Ispirata ai canyon. Un accento caldo (Clay), due scuri, due neutri, due toni di testo. Ogni colore ha un ruolo definito — tienilo.
Clay
#C45E3AAccento principale. CTA, link, focus ring, stati attivi. Mai come sfondo pagina.
Black
#1A1A1ASfondo pagina (superfici scure). Canvas predefinito di app mobile e web.
Charcoal
#2D2D2DSfondo di card/pannelli su superfici scure. Un tono più chiaro di Black.
Stone
#4A4A4ABordi, divisori, linee fini su superfici scure. Riduci al 30–60% di opacità per separatori discreti.
Text light
#F5F5F5Testo principale su superfici scure. Titoli e body su Black/Charcoal.
Tono chiaro — abbina con testo Charcoal o Black.
Text muted
#78716CTesto secondario, didascalie, hint, placeholder. Soddisfa WCAG AA su Black per dimensioni body.
Sand
#E8DED5Bordo su superfici chiare (marketing, mockup). Si abbina a Light bg.
Tono chiaro — abbina con testo Charcoal o Black.
Light bg
#F8F6F3Bianco sporco per tema chiaro e mockup. Mai bianco puro.
Tono chiaro — abbina con testo Charcoal o Black.
Tipografia
Inter per prodotto e body. Playfair Display per titoli editoriali nelle pagine marketing. Non mischiare — un ruolo per superficie.
UI + body
Inter
Ma la volpe, col suo balzo, ha raggiunto il quieto Fido
Titoli editoriali
Playfair Display
Ma la volpe, col suo balzo, ha raggiunto il quieto Fido
H1 — Playfair, 48–60px
Una casa più semplice per le tue bici.
H2 — Playfair, 28–36px
Storico manutenzione senza fogli di calcolo.
Body — Inter, 16–18px
Registra un intervento in due tap. Aggiungi una foto. Condividi con un'officina. Lo storico completo viaggia con la bici quando cambia proprietario.
Caption — Inter, 12–13px
Ultimo intervento 14 giorni fa · 1.240 km
Voce e tono
BikeDo suona come un amico tranquillo e competente che di bici se ne intende. Sicuro, concreto, mai sopra le righe. Non urliamo.
Sì
Usa il logotipo come «bikedo.app» con «.app» in Clay.
Abbinalo a Inter Black/Bold e lascialo respirare — almeno l'altezza della «b» di spazio libero.
Nel testo scrivi il prodotto come «BikeDo» (CamelCase).
Il CamelCase si legge meglio in una frase rispetto al minuscolo del logotipo.
Usa Clay con parsimonia — come unico accento su una pagina Black/Charcoal.
Se tutto è accento, niente lo è. Clay deve portare l'occhio all'azione successiva.
Usa sentence case in titoli e bottoni.
Il sentence case suona più umano, meno corporate.
No
Non scrivere «BikeDo App», «BikeDo Mobile» o «BikeDo API» nel testo.
È solo BikeDo — app e API sono dettagli implementativi, non parte del nome.
Non cambiare la divisione di colore del logotipo.
«bikedo» sempre in Text light (sfondi scuri) o Charcoal (sfondi chiari); «.app» sempre in Clay.
Non mettere Clay su Clay e non ricolorare il suffisso «.app».
Perdi il segnale di riconoscibilità che ancora il marchio.
Non usare bianco puro come sfondo.
Usa Light bg (#F8F6F3). Il bianco puro sembra clinico accanto alla palette terrosa.
Non aggiungere un tagline a fianco del logotipo.
Se serve un tagline, mettilo su una riga separata sotto il logotipo in Text muted.