# Identità di marca — bikedo.app > Linee guida dell'identità visiva di bikedo.app: logotipo, palette, tipografia, voce e tono. Source: https://bikedo.app/it/brand Locale: it 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. - 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. ![bikedo.app](https://bikedo.app/brand/app-icon-512.png) - **Icona dell’app** — Quadrato arrotondato, «b» in Clay su Black/Charcoal. iOS e Android, App Store e Google Play. ([PNG 1024](https://bikedo.app/brand/app-icon-1024.png)) - **Favicon / piccola** — Una lettera più grande per la leggibilità a 16–32 px. Schede del browser, segnalibri e PWA. ([.ico](https://bikedo.app/brand/favicon.ico)) - **Sorgente vettoriale** — SVG master per render grandi e stampa — scala senza perdere qualità. ([SVG](https://bikedo.app/brand/icon.svg)) - Non 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. ![bikedo.app wallpaper](https://bikedo.app/brand/wallpapers/wallpaper-plain.jpg) - **Solo il segno** — Il segno bikedo.app centrato su charcoal. Pulito, senza slogan. 5120×2880. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-plain-5120x2880.png)) - **Con lo slogan · PL** — Il segno con lo slogan del brand. 5120×2880 — scegli la lingua. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-pl-5120x2880.png)) - **Con lo slogan · EN** — Il segno con lo slogan del brand. 5120×2880 — scegli la lingua. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-en-5120x2880.png)) - **Ultrawide** — Un ritaglio panoramico per ultrawide e doppio monitor. 5120×1008. ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-ultrawide-5120x1008.png)) **Per il telefono** - **Solo il segno** — Solo il segno, nella metà inferiore (sicuro per la schermata di blocco). iPhone e Android. ([iPhone](https://bikedo.app/brand/wallpapers/wallpaper-plain-phone-iphone-1290x2796.png) · [Android](https://bikedo.app/brand/wallpapers/wallpaper-plain-phone-android-1080x2400.png)) - **Con lo slogan · PL** — Il segno con lo slogan, nella metà inferiore. iPhone e Android. ([iPhone](https://bikedo.app/brand/wallpapers/wallpaper-pl-phone-iphone-1290x2796.png) · [Android](https://bikedo.app/brand/wallpapers/wallpaper-pl-phone-android-1080x2400.png)) - **Con lo slogan · EN** — Il segno con lo slogan, nella metà inferiore. iPhone e Android. ([iPhone](https://bikedo.app/brand/wallpapers/wallpaper-en-phone-iphone-1290x2796.png) · [Android](https://bikedo.app/brand/wallpapers/wallpaper-en-phone-android-1080x2400.png)) **Social / condivisione** Immagine Open Graph 1200×630 per condivisioni e anteprime social. - **Solo il segno** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-plain-og-1200x630.png)) - **Con lo slogan · PL** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-pl-og-1200x630.png)) - **Con lo slogan · EN** ([PNG](https://bikedo.app/brand/wallpapers/wallpaper-en-og-1200x630.png)) --- ## Palette colori Ispirata ai canyon. Un accento caldo (Clay), due scuri, due neutri, due toni di testo. Ogni colore ha un ruolo definito — tienilo. | Name | Hex | Role | |------|-----|------| | Clay | `#C45E3A` | Accento principale. CTA, link, focus ring, stati attivi. Mai come sfondo pagina. | | Black | `#1A1A1A` | Sfondo pagina (superfici scure). Canvas predefinito di app mobile e web. | | Charcoal | `#2D2D2D` | Sfondo di card/pannelli su superfici scure. Un tono più chiaro di Black. | | Stone | `#4A4A4A` | Bordi, divisori, linee fini su superfici scure. Riduci al 30–60% di opacità per separatori discreti. | | Text light | `#F5F5F5` | Testo principale su superfici scure. Titoli e body su Black/Charcoal. | | Text muted | `#78716C` | Testo secondario, didascalie, hint, placeholder. Soddisfa WCAG AA su Black per dimensioni body. | | Sand | `#E8DED5` | Bordo su superfici chiare (marketing, mockup). Si abbina a Light bg. | | Light bg | `#F8F6F3` | Bianco sporco per tema chiaro e mockup. Mai bianco puro. | --- ## Tipografia Inter per prodotto e body. Playfair Display per titoli editoriali nelle pagine marketing. Non mischiare — un ruolo per superficie. - **Inter** — UI + body - **Playfair Display** — Titoli editoriali Hierarchy: - 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. --- Serve qualcosa che non c'è qui (logo vettoriale, template OG, badge partner)? Scrivi a hello@bikedo.app.