roobet logo: wordmark sa header at favicon sa tab, iisa ba ang hugis

Sa unang bukas ng page, ang roobet logo sa header ang agad na nagsisilbing palatandaan kung tama ang napuntahan mong site. Hindi ito ang buong page, pero ito ang pinaka-mabilis na reference bago mo pindutin ang login. Sa desktop at mobile, ang tanong ay pareho: ganito ba ang hugis, spacing, at pagkakaayos ng letra na nakita mo noon?

Ano ang unang makikita sa roobet logo sa desktop

Sa desktop browser, ang roobet logo ay karaniwang nakaupo sa kaliwang bahagi ng header, katabi ng menu at ng login button. Dito mo makikita ang wordmark at ang maliit na icon sa tab. Kapag nag-scroll ka pababa, may mga page na pinipirmi ang header; may iba namang lumiliit lang ang taas. Ang mahalagang tingnan ay ang pagkakasunod-sunod ng letra at ang espasyo sa pagitan ng mga ito, dahil doon madalas makita ang pagkakaiba ng isang screenshot sa aktwal na page.

Bakit may icon at wordmark ang roobet logo

Ang roobet logo ay may dalawang anyo: ang buong wordmark para sa header at banner, at ang icon para sa maliit na espasyo tulad ng tab ng browser at favicon. Kapag masikip ang screen, ang icon lang ang nakikita, kaya dapat mong tandaan ang hugis nito at hindi lang ang kulay. Sa promo material, mas malaki ang wordmark; sa login page, mas simple ang layout. Iisang brand pa rin ang tinutukoy ng dalawang anyo, kaya hindi dapat magbago ang core na hugis.

Paano sundan ang logo sa mobile view

Sa mobile browser, bumabalik ang logo sa itaas ng page, pero mas maliit ang espasyo. Madalas itong katabi ng hamburger menu, at ang login ay nasa kanang bahagi. Kapag pinaikli ang header, ang icon ang natitira. Sa ganitong view, mas madaling makita ang putol o maling spacing, kaya magandang i-screenshot ang page at ihambing sa nakita mo sa desktop. Kung may promo banner sa ibaba ng header, hindi ito dapat magpanggap na kaparehong logo; ang banner ay hiwalay na element.

Saan lumalabas ang logo sa login at promo

Sa unang form, ang logo ay nasa itaas ng field, kasama ang email at password. Dito mo rin makikita kung may text sa ilalim ng form. Sa mga banner para sa GCash o live casino, may pagkakataon na ang roobet logo ay puti o monochrome para umangkop sa background. Hindi ito palaging senyales ng ibang site; bahagi lang ito ng design system. Ang mahalaga, kapag pumasok ka sa promo page, pareho pa rin ang core na hugis ng roobet logo na nakita mo sa header.

Ang pagkakaiba ng logo sa banner at sa favicon

Ang favicon ay ang maliit na icon sa tab ng browser. Ito ang pinaka-payat na bersyon ng brand, kaya hindi mo dapat asahan na mababasa ang buong pangalan dito. Sa banner, mas malawak ang wordmark at may mas maraming detalye. Kapag nagbubukas ka ng maraming tab, ang favicon ang tumutulong sa iyo na mahanap agad ang page. Sa slot ng browser, hindi ito dapat maging generic na globe icon kung ang page ay nagpapakilalang brand site.

Sa huli, ang roobet logo ay hindi lang dekorasyon. Ito ang unang reference mo sa header, sa tab, at sa form. Kapag pareho ang hugis at spacing sa mga lugar na ito, mas mabilis mong makilala ang page kahit iba-iba ang background o laki ng screen. Gamitin ito bilang simpleng checkpoint bago pumasok sa form, lalo na kapag galing ka sa isang promo link o GCash page.