Faktorist Mga Alituntunin sa Brand
We're currently rebranding — updated brand guidelines coming soon. Get in touch
Logo at Pagkakakilanlan
Ang aming logo ang pundasyon ng aming pagkakakilanlan. Gamitin ito nang palagian at may paggalang.
Faktorist Logo Mark
Malinaw na Espasyo
Palaging magpanatili ng malinaw na espasyo sa paligid ng logo. Ang pinakamababang malinaw na espasyo ay katumbas ng taas ng maliit na letrang 'x' in ng Faktorist wordmark. Tinitiyak nito na ang logo ay mananatiling maayos at madaling makilala.
Pinakamababang Sukat
Huwag kailanman gamitin ang logo na mas maliit sa 120px in ang lapad para sa mga web application at 20mm in na mga materyales sa pag-imprenta. Kung mas mababa sa mga sukat na ito, ang logo ay hindi na mababasa at mawawalan ng epekto.
Mga Background
Pinakamahusay na gumagana ang logo sa mga mapusyaw na background. Kapag inilalagay sa madilim na background, siguraduhing sapat ang contrast. Palaging gamitin ang naaangkop na bersyon: full color sa mapusyaw na background, puti sa madilim na background.
Pag-scale
Palaging proporsyonal na sukatin ang logo. Huwag kailanman ibaligtad, i-skew, i-rotate, o baguhin ang aspect ratio ng logo. Panatilihin ang orihinal na proporsyon kapag binabago ang laki.
Do's
- ✓Gamitin lamang ang mga opisyal na logo file
- ✓Panatilihing malinaw ang espasyo sa paligid ng logo
- ✓Gamitin sa mga background na may angkop na magkakaibang anyo
- ✓I-scale nang proporsyonal kapag binabago ang laki
- ✓Gamitin ang mga inirerekomendang bersyon ng kulay
Don'ts
- ✕Huwag baguhin, ibaluktot, o pilipitin ang logo
- ✕Huwag ilagay ang logo nang masyadong malapit sa ibang mga elemento.
- ✕Huwag paikutin ang logo sa anumang anggulo maliban sa 0°
- ✕Huwag baguhin ang mga kulay nang walang pag-apruba
- ✕Huwag gamitin ang logo na mas mababa sa mga kinakailangan sa minimum na laki.
Ang Aming mga Kulay
Isang maingat na piniling paleta na tumutukoy sa ating biswal na pagkakakilanlan
Ang paleta ng kulay na Faktorist ay may kasamang pangunahing lilang gradient at mga sumusuportang kulay na accent. Ang mga kulay na ito ay idinisenyo upang magtulungan nang maayos, na lumilikha ng biswal na pagkakaisa sa lahat ng mga materyales ng tatak.
Primary Palette
primary-50
#f3f4fa
RGB: 243, 244, 250
primary-100
#e9eaf6
RGB: 233, 234, 246
primary-200
#d6d7ef
RGB: 214, 215, 239
primary-300
#bdbde4
RGB: 189, 189, 228
primary-400
#a6a2d7
RGB: 166, 162, 215
primary-500
#948bc9
RGB: 148, 139, 201
primary-600
#8778bb
RGB: 135, 120, 187
primary-700
#7161a1
RGB: 113, 97, 161
primary-800
#5c5083
RGB: 92, 80, 131
primary-900
#4d456a
RGB: 77, 69, 106
primary-950
#2e283e
RGB: 46, 40, 62
Accent Colors
amber-300
CTA highlights
#fcd34d
RGB: 252, 211, 77
amber-400
Primary accent
#fbbf24
RGB: 251, 191, 36
yellow-400
Alerts & attention
#facc15
RGB: 250, 204, 21
Mga Font at Uri
Malinis at modernong mga tipo ng titik na sumasalamin sa personalidad ng aming tatak
Dagdag pa ang Jakarta Sans
Pangunahing font para sa lahat ng headline, pamagat ng seksyon, at mahahalagang mensahe
The quick brown fox jumps over the lazy dog. 0123456789
Inter
Pangalawang font para sa body copy, mga paglalarawan, at sumusuportang teksto
The quick brown fox jumps over the lazy dog. 0123456789
Fallback Stack
system-ui, sans-serif
Always include fallback fonts to ensure consistent rendering across devices
Boses ng Tatak
Paano tayo nakikipag-ugnayan sa ating mga tagapakinig
Propesyonal: Kami ay makapangyarihan at may kaalaman
Mapagkakatiwalaan: Kami ay maaasahan at tapat
Makabago: Tinatanggap namin ang mga solusyong makabago
Pandaigdigang Pag-iisip: Iginagalang at ipinagdiriwang namin ang pagkakaiba-iba ng kultura
Communication Guidelines
Gumamit ng malinaw at direktang pananalita na umiiwas sa mga jargon hangga't maaari
Maging matulungin at nakapag-aaral in lahat ng komunikasyon
Panatilihin ang isang magalang at inklusibong tono
Magpakita ng sigasig para sa inobasyon nang hindi masyadong kaswal
Gumamit ng inklusibong wika na tumatanggap sa lahat ng gumagamit
Kailan Gagamitin ang Ano
Pangunahing Kulay (#7161a1): Gamitin para sa mga pangunahing button, nabigasyon, at mga pangunahing panawagan-sa-pagkilos
Dark Primary (#2e283e): Gamitin para sa mga background, teksto sa mga mapusyaw na ibabaw, at mga elemento ng contrast
Amber/Dilaw: Gamitin nang kaunti para sa mga highlight, badge, at pangalawang CTA para makaakit ng atensyon
Mga Kulay na Pansuporta: Gamitin para sa mga icon, elemento ng accent, at visual hierarchy
Neutral na Gray: Gamitin para sa mga border, divider, disabled state, at mga banayad na background
Mga Mapagkukunan ng Tatak
Mga File ng Logo
Mga bersyon ng PNG, SVG, at PDF in maraming format at baryasyon ng kulay
Paleta ng Kulay
Pag-export ng mga variable na HEX, RGB, at CSS para sa pagbuo at disenyo
Mga Alituntunin ng Tatak
Komprehensibong gabay sa PDF na may lahat ng pamantayan ng tatak at mga tuntunin sa paggamit
Aklatan ng Icon
Set ng icon na in format na SVG na tumutugma sa Faktorist visual na wika
Have questions about our brand guidelines? Contact our team for more information.