0.20 s
0.62 s
1.06 s
1.30 s
1.42 s
1.51 s
1.80 s
2.80 s
Logo টা যেখানে যেখানে লাগবে তার সব file এখানে আছে: app icon, website, social media, spec sheet আর logo animation। সবগুলো final logo থেকেই বানানো, তাই কোথাও আলাদা কিছু আঁকতে হবে না।
কালো আর violet, দুইটা version। 64px এর উপরে master drawing, 32px থেকে নিচে আলাদা ছোট drawing, যাতে ফাঁকগুলো খোলা থাকে।
256
128
64
32
24
16
256
128
64
32
24
1632 px x 516 px x 532 px x 516 px x 5Web app, Mac app, PWA, Slack workspace, Notion, Figma plugin। 16 থেকে 1024 পর্যন্ত সব size PNG আছে, আর Mac app এর জন্য amariq.iconset ready। Violet শুধু icon আর avatar এর background এ, mark এর ভেতরে কখনো না।
Mark baseline এ দাঁড়ায়, x-height এর 1.40 গুণ উঁচু, আর নামের সাথে ফাঁক keystone এর নিচের চওড়ার 0.7 গুণ। Logo তে নাম ছোট হাতের amariq, লেখার ভেতরে Amariq। নাম কখনো টাইপ করবেন না, file ব্যবহার করবেন।
এক রঙ, flat। সাদার উপর কালো, কালোর উপর সাদা। 24px আর তার নিচে ছোট drawing ব্যবহার করবেন।
Website আর প্রতিটা platform এর জন্য ঠিক size এ বানানো। Dashed box টা ওই platform এর safe area: লেখা সবসময় এর ভেতরে থাকে।
Amariq | Web Design
Amariq | Web Design
Amariq redesigns underperforming websites for marketing teams and ecommerce brands, with design and development on Webflow, WordPress, Shopify and Framer.
safe
Business card, post template আর editor আছে Social page এ।
এক কোণ, এক ফাঁক। পুরো logo এই দুইটা নিয়মে আঁকা।
| Screen | Pantone | ||
|---|---|---|---|
| Ink | #0B0B0C | K100 small C60 M40 Y40 K100 large | Black 6 C |
| White | #FFFFFF | Paper | |
| Violet | #6E47F2 | C68 M72 Y0 K0 | 2725 C or 266 C |
Lockup 24 px tallMaster 32 pxSmall 16 pxLogo টা animate হয় ঠিক যেভাবে একটা arch বানানো হয়: আগে দুইটা পা, তারপর বার, সবার শেষে keystone। Keystone বসলে পুরো stack একটু চাপ খায়, ফাঁকগুলো ছোট হয়, তারপর আবার নিজের জায়গায় ফিরে আসে। কোনো বাইরের shape নেই, logo এর নিজের চারটা পাথরই সব কাজ করে।
0.20 s0.62 s1.06 s1.30 s1.42 s1.51 s1.80 s2.80 s| 0.00 to 0.75 | Two legs rise along their own 1 in 4 slope, 90 ms apart |
| 0.43 to 1.06 | Bar lowers 14 units onto the legs |
| 0.86 to 1.42 | Keystone drops last, with weight |
| 1.42 to 2.16 | Lock: keystone presses 2.2, bar 1.4, legs 0.6, so the gaps close from 5 to 4.2, then the stack settles |
| 1.55 to 2.32 | Lockup only: the mark slides left and the name comes out from behind it |
| 2.32 to 2.80 | Hold |
| 0.11 to 0.64 | Keystone lifts 9 units |
| 0.74 to 1.04 | Keystone drops |
| 1.04 to 1.59 | Same press and release as the intro, back to rest |
| Eases | out .16,1,.3,1 · drop .5,0,.9,.55 · press .2,.8,.4,1 · release .33,0,.3,1 · slide .65,0,.35,1 |
| Reduced motion | Every file fades in for 0.3 s to the final frame, built in |
<img src="amariq-intro-mark-black.svg" width="200" alt="Amariq">
সব file। Logo এর master file গুলো logo page এ আছে।
App icons at every size, iconset, OG images, profile pictures, banners, posts, email signature.
Download · 3.9 MBAnimated SVGs (mark, tile, lockup, on black and white), HTML, hover CSS, Lottie JSON, storyboard.
Download · 55 KBTransparent masters for editors.
Image sequences at 60 fps with transparency.