[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-1-en-105":3,"doc-seo-239220-105":53,"doc-detail-239220-en":126},{"code":4,"msg":5,"data":6},0,"success",[7,14,19,24,29,34,39,44,49],{"id":8,"doc_module":9,"doc_module_name":10,"category_name":11,"show_sort_weight":12,"slug":13},11,1,"Template","Presentations",90,"presentations",{"id":15,"doc_module":9,"doc_module_name":10,"category_name":16,"show_sort_weight":17,"slug":18},12,"Resumes",80,"resumes",{"id":20,"doc_module":9,"doc_module_name":10,"category_name":21,"show_sort_weight":22,"slug":23},14,"Invoices",70,"invoices",{"id":25,"doc_module":9,"doc_module_name":10,"category_name":26,"show_sort_weight":27,"slug":28},15,"Posters",60,"posters",{"id":30,"doc_module":9,"doc_module_name":10,"category_name":31,"show_sort_weight":32,"slug":33},16,"Social Media",50,"social-media",{"id":35,"doc_module":9,"doc_module_name":10,"category_name":36,"show_sort_weight":37,"slug":38},17,"Forms",40,"forms",{"id":40,"doc_module":9,"doc_module_name":10,"category_name":41,"show_sort_weight":42,"slug":43},18,"Letters",30,"letters",{"id":45,"doc_module":9,"doc_module_name":10,"category_name":46,"show_sort_weight":47,"slug":48},21,"Paper Templates",5,"papers-templates",{"id":50,"doc_module":9,"doc_module_name":10,"category_name":51,"show_sort_weight":4,"slug":52},158,"General","general-158",{"code":4,"msg":54,"data":55},"ok",{"site_id":56,"language":57,"slug":58,"title":59,"keywords":60,"description":61,"schema_data":62,"social_meta":119,"head_meta":121,"extra_data":123,"updated_unix":125},105,"en","mabfield-brand-guidelines-booklet-brand-guidelines-for-typography-colour-logos-and-assets","Mabfield Brand Guidelines Booklet - Brand guidelines for typography, colour, logos, and assets","","Mabfield Brand Guidelines Booklet documents the brand strategy and the practical system behind its visual identity. It defines the typography approach using Neue Haas Grotesk DP, the editorial-versus-digital design contrast, and guidance for wordmark, logo, and lockups. The booklet specifies a colour palette (deep navy black, mint off-white, acidic yellow, bold jade), icon and motion graphics styles (pixelated 8-bit and rough geometric cues), and layout rules such as the Instagram carousel grid dimensions and spacing.",{"@graph":63,"@context":118},[64,80,101],{"@type":65,"itemListElement":66},"BreadcrumbList",[67,71,74,77],{"item":68,"name":69,"@type":70,"position":9},"https://docshare.wps.com","Home","ListItem",{"item":72,"name":10,"@type":70,"position":73},"https://docshare.wps.com/template/",2,{"item":75,"name":11,"@type":70,"position":76},"https://docshare.wps.com/template/presentations/",3,{"item":78,"name":59,"@type":70,"position":79},"https://docshare.wps.com/template/mabfield-brand-guidelines-booklet-brand-guidelines-for-typography-colour-logos-and-assets/239220/",4,{"url":78,"name":59,"@type":81,"image":82,"author":87,"headline":59,"publisher":90,"fileFormat":93,"inLanguage":57,"description":61,"dateModified":94,"datePublished":95,"encodingFormat":93,"isAccessibleForFree":96,"interactionStatistic":97},"DigitalDocument",{"url":83,"@type":84,"width":85,"height":86},"https://docshare.wps.com/thumbnails/mabfield-brand-guidelines-booklet-brand-guidelines-for-typography-colour-logos-and-assets/239220.png","ImageObject",442,249,{"name":88,"@type":89},"Paura","Person",{"url":68,"name":91,"@type":92},"DocShare","Organization","application/pdf","2026-11-03","2026-09-11",true,{"@type":98,"interactionType":99,"userInteractionCount":40},"InteractionCounter",{"@type":100},"ViewAction",{"@type":102,"mainEntity":103},"FAQPage",[104,110,114],{"name":105,"@type":106,"acceptedAnswer":107},"What visual identity goals does the Mabfield brand strategy emphasize?","Question",{"text":108,"@type":109},"Mabfield aims for an intentional, defined identity rooted in human storytelling while balancing taste-driven curation with a conversational, not overly stiff feel.","Answer",{"name":111,"@type":106,"acceptedAnswer":112},"Which typography system is used throughout the brand guidelines?",{"text":113,"@type":109},"The guidelines emphasize Neue Haas Grotesk DP for editorial headers and body copy, alongside Space Mono for subtitles.",{"name":115,"@type":106,"acceptedAnswer":116},"What are the key elements of Mabfield’s design assets and layout usage?",{"text":117,"@type":109},"The booklet covers wordmark and logo lockups, a defined color palette, icon and motion graphics styles (including pixelated 8-bit influences), and an Instagram carousel grid with specified dimensions and spacing.","https://schema.org",{"og:url":78,"og:type":120,"og:title":59,"og:site_name":91,"og:description":61},"article",{"robots":122,"canonical":78},"index,follow",{"doc_id":124,"site_id":56},239220,1791716716,{"code":4,"msg":5,"data":127},{"doc_id":124,"user_id":128,"nickname":88,"user_avatar":129,"doc_module":9,"category_id":8,"category_name":11,"doc_title":59,"doc_description":61,"doc_content":130,"file_id":131,"file_url":132,"file_type":133,"file_size":134,"view_count":40,"is_deleted":4,"is_public":9,"is_downloadable":9,"audit_status":9,"page_count":135,"language":136,"language_code":57,"site_id":56,"html_lang":57,"table_of_contents":137,"faqs":138,"seo_title":139,"seo_description":61,"update_tm":140,"read_time":141},13056712833777,"https://ap-avatar.wpscdn.com/davatar_29158cc5080c5b710cf443261637dec0","MABFIELD Brand Guidelines Booklet  \nContents  \nStrategy 1  \nGrids 3  \nType 5  \nLicenses 9  \nWordmark 11  \nLogo 13  \nColours 15  \nIcons 17  \nMotion Graphics 19  \nTitle Intro 21  \nLockUp 23  \nCaptions 25  \nTemplates 27  \nAsset Delivery 29  \nstrategy  \n“Mabfield is evolving into a more intentional and defined visual identity. At its core, Mabfield isabout uncovering and telling stories in away that’s compelling, conversational and human (eventhough the work is rooted in being chronically online) .  \nTaste and curation are central to the brand, but it should never feel stuffy or overwrought.  \nVisually, Mabfield should draw from contemporary culture magazines, digital/internet aesthetics (ASCII, early-web textures, the shapes and references in the moodboard), and radio-inspired design cues (Homer Radio, NTS) .  \nThere should also be space for hand-drawn or imperfect elements that give the brand a sense of intimacy and storytelling.  \nWhen photography is used, it will often be nostalgic film or snapshot-style images to reinforce that human and livedin quality.  \nThe goal is to build a clear, scalable identity that works across Instagram, video content, and eventually print.  \nInan ideal world: something curated, taste-driven, internetaware and personal.”  \nExcerpt from original brief  \nThe design approach to the Mabfield rebrand has been to playoff the contrast between nostalgic and confident editorial typography, and digital motifs that represent Mabfield’s position in digital content creation.  \nThe majority of the editorial design makes use of Neue Haas Grotesk DP, an edit of the classic Helvetica typeface, that communicates timelessness and bold design.  \nThe updated Mabfield Wordmark is also created from abespoke and edited version of Neue Haas Grotesk DP instep with the want for something “Simple, Bold & Confident“.  \nOriginal icon assets & motion graphics were designed using rough geometric illustrations or through a pixelated‘8-Bit‘ style inspired by the likes of Susan Kare, ASCII art and bitmap rendering.  \nThe new Mabfield logo was similarly updated with this style, through asubtle, simple change to the previous logo design.  \nA new colour palette was chosen for the brand consisting of an deep navy black, a mintoff-white, an acidic yellow, anda bold jade tone.  \nThe new colours of the yellow and jade were chosen to represent a style of ‘harsh, saturated‘ rgb tones found in digital media that would still mesh with the sure, editorial tone of voice of the brand.  \nThis booklet outlines the typography system, colour direction, and design assets for the completed Mabfield brand.  \ngrids  \nInstagram Carousel Grid  \nDimensions 1080px × 1350px  \nMargins  \nTop 170px  \nBottom 172px  \nLeft 90px  \nRight 90px  \nSubtitle Top 131px  \nSubtitle Bottom 97px  \nLeading 48pt@72DPI  \nColumns 7  \nRows 21  \nThe Instagram carousel grid was designed for posts ata 4:5 ratio (1080px × 1350px)  \nThis grid features a 7× 21 order of columns and rows to allow for dynamic layouts, and baseline leading at 48pt for optimal sentence lengthsand readability for phones/ social media.  \ntype  \nHeader  \nNeue Haas Grotesk DP, Bold 75—72pt/72pt Leading, Stretched Horizontally 110%, Left Aligned, Tracking-40, Tracking Range  \n-60/-20, Title Case Capitalisation  \nNeue Haas Grotesk  \nBody Copy  \nNeue Haas Grotesk DP, Roman 55—48pt/48pt Leading, Left Aligned, Tracking Range-20/+20, Baseline Shift-3pt  \nNeue haas grotesk  \nSubtitle  \nSpace Mono, Regular—24pt/48pt Leading, Left Aligned, Tracking Range-20/+20  \nSpace mono regular  \n*Type shown at 1:2 scale  \nTitle  \nNeue Haas Grotesk DP, Bold 75—100pt/84pt Leading, Stretched Horizontally 110%, Left Aligned, Tracking-40, Tracking Range-60/- 20, Baseline Shift-8pt, 36px Left Indent, Title Case Capitalisation  \nNeue Haas Grotesk  \nThe title type should always beenclosed within a black text box  \ntype  \nCarousel Example  \n5 Classic Collab Albums  \nFlySiifu’s (2021) By PinkSiifu & Fly Anakin  \nFlySiifu’s (PinkSiifu & Fly Ana","cbCaik8B2k8Fta2H","https://ap.wps.com/l/cbCaik8B2k8Fta2H","pdf",820045,36,"English","# Strategy\n## Grids\n## Type\n## Licenses\n## Wordmark\n## Logo\n## Colours\n## Icons\n## Motion Graphics\n## Title Intro\n## LockUp\n## Captions\n## Templates\n## Asset Delivery","[{\"question\":\"What visual identity goals does the Mabfield brand strategy emphasize?\",\"answer\":\"Mabfield aims for an intentional, defined identity rooted in human storytelling while balancing taste-driven curation with a conversational, not overly stiff feel.\"},{\"question\":\"Which typography system is used throughout the brand guidelines?\",\"answer\":\"The guidelines emphasize Neue Haas Grotesk DP for editorial headers and body copy, alongside Space Mono for subtitles.\"},{\"question\":\"What are the key elements of Mabfield’s design assets and layout usage?\",\"answer\":\"The booklet covers wordmark and logo lockups, a defined color palette, icon and motion graphics styles (including pixelated 8-bit influences), and an Instagram carousel grid with specified dimensions and spacing.\"}]","Mabfield Brand Guidelines Booklet - Brand guidelines for typography, colour, logos, and assets | PDF",1789145609,13]