Menu restauracji online. Kod QR, promocje, analityka. Polskie SaaS zbudowane dla ludzi w kuchni, nie dla fintech-investor-decka. Ten brand system utrzymuje nas spójnie na landing, w menu gościa, w reklamie i w kurierze.
01 · Logo
Wordmark — qr · resto.app
Editorial lockup: roman qr, emerald midpoint, italic resto.app. Fraunces 144pt, outlinowany jako ścieżki SVG — portable do każdego narzędzia bez zależności od fontu.
Clearspace
Minimum ½ wysokości r dookoła logo. Nigdy nie zbliżaj do innego elementu bliżej niż ta odległość.
Minimalny rozmiar
24 px wysokości na ekranie. 10 mm w druku. Poniżej — użyj wariantu tylko „qr.".
Nie wolno
Rozciągać, rotować, zmieniać koloru kropki na inny niż emerald, kopiować w innym foncie. Używaj dostarczonego SVG.
02 · Paleta
Emerald + warm neutrals
Jedna barwa akcentu. Ciepłe neutrale zamiast czystej szarości. Emerald pracuje na detalach (kropki, ceny promocyjne, CTA), nie na tłach całych sekcji.
Accent
Emerald
#059669
oklch(0.62 0.15 160)
Hover/active
Emerald Deep
#047857
oklch(0.54 0.13 160)
Backgrounds
Emerald Soft
#D1FAE5
oklch(0.94 0.05 160)
Text
Ink
#0E1014
oklch(0.18 0.01 80)
Body
Ink Soft
#3A3B3F
oklch(0.38 0.01 80)
Eyebrows
Ink Mute
#737278
oklch(0.55 0.01 80)
Bg
Paper
#FBFAF7
oklch(0.98 0.005 85)
Cards
Paper Warm
#F3EEE5
oklch(0.95 0.012 85)
Borders
Hairline
#E3DED3
oklch(0.89 0.012 85)
03 · Typografia
Fraunces + Geist
Display serif na nazwach, nagłówkach, cenach. Sans na treści, UI, etykietach. Jedna para, nic więcej.
Display · Fraunces (Google Fonts, variable)
Tagliatelle. 48 zł
Ten sam serif pracuje jako H1 na landingu, jako nazwa dania w menu gościa i jako cena w promocji. Zmienne osie opsz i SOFT dopasowują ciepło znaków do wielkości.
Sans · Geist (Vercel / Google Fonts)
Utworzysz menu w pięć minut. Goście skanują kod QR i widzą aktualne ceny, alergeny, promocje. Bez aplikacji, bez instalacji, bez szkolenia kelnerów.