https://get-in.com/en/branding-guidlines-page.module-TSIXTOQ2.js

1import{c as N}from"./chunk-SRMDCCRU.js";import"./chunk-Y42BHRL7.js";import"./chunk-B5DXGGTA.js";import"./chunk-V6P3QRTW.js";import"./chunk-DASWFPYP.js";import"./chunk-V4QSILWO.js";import{a as M}from"./chunk-3AZE3TYO.js";import{e as R,i as S}from"./chunk-SCDAUF44.js";import"./chunk-QLYKOKHJ.js";import"./chunk-LQ4W6XN4.js";import{E as j,H as C,o as G}from"./chunk-C4BSR7JZ.js";import{Aa as v,Ab as k,Ba as F,Ca as E,Ec as g,Fc as f,Mb as A,Nb as w,Sb as x,Uc as o,Vc as u,Wa as I,Wc as B,hc as b,ic as P,jc as m,ka as y,nc as L,pb as T,sc as e,tc as n,ub as s,uc as p,yc as O,za as _}from"./chunk-L7FMW2NS.js";import"./chunk-ERFQBILP.js";var z=[{name:"Ruby Red",hex:"#FF281B",textColor:"#FFFFFF"},{name:"Black",hex:"#000000",textColor:"#FFFFFF"},{name:"White",hex:"#FFFFFF",textColor:"#000000",bordered:!0}],V=[{name:"Teal Green",hex:"#016450",textColor:"#FFFFFF"},{name:"London Hue",hex:"#B8A6CC",textColor:"#000000"},{name:"Merlot",hex:"#8B1833",textColor:"#FFFFFF"},{name:"ArtyClick Ultramarine",hex:"#4B03F7",textColor:"#FFFFFF"},{name:"Portland Orange",hex:"#FF6436",textColor:"#FFFFFF"},{name:"Light Rose",hex:"#FF281B",textColor:"#FFFFFF"},{name:"Cyan Opaque",hex:"#97C3D3",textColor:"#000000"},{name:"Mulled Wine",hex:"#594260",textColor:"#FFFFFF"},{name:"Saffron Mango",hex:"#FFC54E",textColor:"#000000"},{name:"Ice Cold",hex:"#A6F2E6",textColor:"#000000"}],D=["24-support","dislike","heart-add","heart-circle","heart-edit","heart-remove","heart-search","heart-slash","heart","heart-tick","like-1","like-dislike","like-shapes","like","like-tag","lovely","magic-star","medal-star","medal","message-question","ranking","smileys","star-1","star-slash","star","unlimited"];function $(r,i){if(r&1){let a=O();e(0,"div",7)(1,"p",9),o(2,"Asset Library"),e(3,"a",52),g("click",function(c){_(a);let t=f();return v(t.copyAnchorLink(c,"asset-library"))}),n()(),e(4,"p",11),o(5," Assets, including fonts, colors, logos, and graphics, are part of a Creative Cloud library. Please use these assets for any design work, as they will always be the most up-to-date and correct versions. Assets are included on this page as a convenience. The Creative Cloud library is always the preferred source for official brand assets. "),n(),e(6,"a",53),p(7,"img",54),o(8," Adobe Creative Cloud Library "),n()()}if(r&2){let a=f();s(3),m("copied",a.copiedSection==="asset-library")}}function q(r,i){if(r&1){let a=O();e(0,"div",55),g("click",function(){let c=_(a).$implicit,t=f();return v(t.copyColor(c.hex))}),e(1,"span"),o(2),n(),e(3,"span"),o(4),n()()}if(r&2){let a=i.$implicit,l=f();P("background",a.hex)("color",a.textColor),m("bordered",a.bordered),s(2),u(a.name),s(2),u(l.copiedHex===a.hex?"Copied!":a.hex)}}function U(r,i){if(r&1){let a=O();e(0,"div",55),g("click",function(){let c=_(a).$implicit,t=f();return v(t.copyColor(c.hex))}),e(1,"span"),o(2),n(),e(3,"span"),o(4),n()()}if(r&2){let a=i.$implicit,l=f();P("background",a.hex)("color",a.textColor),m("bordered",a.bordered),s(2),u(a.name),s(2),u(l.copiedHex===a.hex?"Copied!":a.hex)}}function J(r,i){if(r&1&&p(0,"img",56),r&2){let a=i.$implicit;b("src","assets/branding/icons/"+a+".svg",T)("alt",a)("title",a)}}var W=(()=>{let i=class i{constructor(l,c,t){this.platformId=l,this.route=c,this.navbar=t,this.primaryColors=z,this.secondaryColors=V,this.icons=D,this.copiedHex=null,this.copiedSection=null,this.currentYear=new Date().getFullYear(),this.isShowOnNextgenOnly=M.getin_base_url==="https://getin-nextgen.com"||M.getin_base_url==="https://localhost:4200"}ngAfterViewInit(){C(this.platformId)&&(this.navbar.showFooter(),this.fragmentSub=this.route.fragment.subscribe(l=>{l&&setTimeout(()=>{document.getElementById(l)?.scrollIntoView({behavior:"smooth"})},100)}))}ngOnDestroy(){this.fragmentSub?.unsubscribe()}copyColor(l){C(this.platformId)&&navigator.clipboard.writeText(l).then(()=>{this.copiedHex=l,setTimeout(()=>{this.copiedHex=null},1500)})}copyAnchorLink(l,c){if(l.preventDefault(),C(this.platformId)){let t=window.location.origin+window.location.pathname+"#"+c;history.pushState(null,"",t),navigator.clipboard.writeText(t).then(()=>{this.copiedSection=c,setTimeout(()=>{this.copiedSection=null},1500)})}}scrollToContent(){C(this.platformId)&&document.getElementById("branding-page")?.scrollIntoView({behavior:"smooth"})}};i.\u0275fac=function(c){return new(c||i)(k(I),k(R),k(N))},i.\u0275cmp=A({type:i,selectors:[["app-branding-guidlines-page"]],standalone:!1,decls:99,vars:21,consts:[[1,"branding-page-header"],["src","assets/branding/branding-page-logo.svg","alt","Brand Guidelines Logo"],["aria-label","Scroll to content",1,"branding-page-scroll-arrow",3,"click"],["width","32","height","32","viewBox","0 0 32 32","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M8 12L16 20L24 12","stroke","gray","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"],["id","branding-page",1,"branding-page-content"],[1,"branding-page-content-inner"],["id","asset-library",1,"branding-page-section-item"],["id","logo",1,"branding-page-section-item"],[1,"branding-page-section-title"],["href","#logo","aria-label","Copy link for Logo",1,"branding-page-anchor",3,"click"],[1,"branding-page-section-description"],[1,"branding-page-section-logo"],["src","assets/branding/logos/logo-official.svg","alt","Official Logo"],["src","assets/branding/logos/logo-monochromatic.svg","alt","Official Monochromatic Logo"],["id","wordmark",1,"branding-page-section-item"],["href","#wordmark","aria-label","Copy link for Wordmark",1,"branding-page-anchor",3,"click"],[1,"branding-page-section-wordmark"],["src","assets/branding/wordmarks/wordmark-black.svg","alt","Official Wordmark Logo Black"],["src","assets/branding/wordmarks/wordmark-color.svg","alt","Official Wordmark Logo Color"],["src","assets/branding/wordmarks/wordmark-white.svg","alt","Official Wordmark Logo White"],["id","app-icon",1,"branding-page-section-item"],["href","#app-icon","aria-label","Copy link for App Icon",1,"branding-page-anchor",3,"click"],[1,"branding-page-section-app-icons"],["src","assets/branding/app-icons/app-icon-512.svg","alt","Official App Icon 1"],["src","assets/branding/app-icons/app-icon-256.svg","alt","Official App Icon 2"],["src","assets/branding/app-icons/app-icon-128.svg","alt","Official App Icon 3"],["src","assets/branding/app-icons/app-icon-64.svg","alt","Official App Icon 4"],["id","get-tickets",1,"branding-page-section-item"],["href","#get-tickets","aria-label","Copy link for Get Tickets",1,"branding-page-anchor",3,"click"],["src","assets/branding/get-tickets/get

1-tickets-default.svg","alt","Official Get Tickets Icon 1"],["src","assets/branding/get-tickets/get-tickets-mono.svg","alt","Official Get Tickets Icon 2"],["id","primary-colors",1,"branding-page-section-item"],["href","#primary-colors","aria-label","Copy link for Primary Colors",1,"branding-page-anchor",3,"click"],[1,"branding-page-section-colors","primary-colors"],["title","Click to copy",3,"background","color","bordered","click",4,"ngFor","ngForOf"],["id","secondary-colors",1,"branding-page-section-item"],["href","#secondary-colors","aria-label","Copy link for Secondary Colors",1,"branding-page-anchor",3,"click"],[1,"branding-page-section-colors","secondary-colors"],["id","typography",1,"branding-page-section-item"],["href","#typography","aria-label","Copy link for Typography",1,"branding-page-anchor",3,"click"],[1,"branding-page-section-typography"],[2,"font-size","24px","font-weight","600"],["href","https://fonts.google.com/share?selection.family=Mona+Sans:ital,wght@0,200..900;1,200..900",1,"branding-page-link",2,"margin-bottom","50px","word-break","break-all"],[1,"branding-page-section-typography-example"],["id","icons",1,"branding-page-section-item"],["href","#icons","aria-label","Copy link for Icons",1,"branding-page-anchor",3,"click"],["href","https://iconsax.io/","title","Full set at iconsax.io",1,"branding-page-link"],[1,"branding-page-icons-grid"],[3,"src","alt","title",4,"ngFor","ngForOf"],[1,"branding-page-divider"],[1,"branding-page-copyright"],["href","#asset-library","aria-label","Copy link for Asset Library",1,"branding-page-anchor",3,"click"],["href","#",1,"branding-page-download-btn"],["src","assets/branding/document-download.svg","alt","Asset Library"],["title","Click to copy",3,"click"],[3,"src","alt","title"]],template:function(c,t){c&1&&(e(0,"section",0),p(1,"img",1),e(2,"h1"),o(3,"Brand Guidelines"),n(),e(4,"button",2),g("click",function(){return t.scrollToContent()}),F(),e(5,"svg",3),p(6,"path",4),n()()(),E(),e(7,"section",5)(8,"div",6),x(9,$,9,2,"div",7),e(10,"div",8)(11,"p",9),o(12,"Logo"),e(13,"a",10),g("click",function(d){return t.copyAnchorLink(d,"logo")}),n()(),e(14,"p",11),o(15," Our logo is designed to exude an inviting and easily readable vibe, taking full advantage of the recognition associated with our brand name. We achieve this by paying meticulous attention to optical kerning, precise weight adjustments, and the thoughtful creation of clear space. Additionally, we strategically position our logo in relation to the surrounding content to ensure it's instantly and unmistakably recognizable. "),n(),e(16,"div",12)(17,"div"),p(18,"img",13),e(19,"p"),o(20,"Official Logo"),n()(),e(21,"div"),p(22,"img",14),e(23,"p"),o(24,"Monochromatic Logo"),n()()()(),e(25,"div",15)(26,"p",9),o(27,"Wordmark"),e(28,"a",16),g("click",function(d){return t.copyAnchorLink(d,"wordmark")}),n()(),e(29,"p",11),o(30," Besides its compact and substantial design, the stacked wordmark makes our name easier to digest. It's our main wordmark and is recommended for use in about 85% of situations. "),n(),e(31,"div",17)(32,"div"),p(33,"img",18),n(),e(34,"div"),p(35,"img",19),n(),e(36,"div"),p(37,"img",20),n()()(),e(38,"div",21)(39,"p",9),o(40,"App Icon"),e(41,"a",22),g("click",function(d){return t.copyAnchorLink(d,"app-icon")}),n()(),e(42,"p",11),o(43," Our app logo is designed in a ticket shape and serves as a powerful tool to convey our mobile-first approach, making it especially effective in encouraging users to download the app. "),n(),e(44,"div",23)(45,"div"),p(46,"img",24),n(),e(47,"div"),p(48,"img",25),n(),e(49,"div"),p(50,"img",26),n(),e(51,"div"),p(52,"img",27),n()()(),e(53,"div",28)(54,"p",9),o(55,"Get Tickets"),e(56,"a",29),g("click",function(d){return t.copyAnchorLink(d,"get-tickets")}),n()(),e(57,"p",11),o(58," 'Get Tickets' is designed in the shape of a concert ticket, and its primary purpose is to connect potential concert lovers with our mobile mindset. It proves especially effective in driving users to download the app. "),n(),e(59,"div",23)(60,"div"),p(61,"img",30),n(),e(62,"div"),p(63,"img",31),n()()(),e(64,"div",32)(65,"p",9),o(66,"Primary Colors"),e(67,"a",33),g("click",function(d){return t.copyAnchorLink(d,"primary-colors")}),n()(),e(68,"div",34),x(69,q,5,8,"div",35),n()(),e(70,"div",36)(71,"p",9),o(72,"Secondary Colors"),e(73,"a",37),g("click",function(d){return t.copyAnchorLink(d,"secondary-colors")}),n()(),e(74,"div",38),x(75,U,5,8,"div",35),n()(),e(76,"div",39)(77,"p",9),o(78,"Typography"),e(79,"a",40),g("click",function(d){return t.copyAnchorLink(d,"typography")}),n()(),e(80,"div",41)(81,"p",42),o(82,"Mona Sans"),n(),e(83,"a",43),o(84,"https://fonts.google.com/share?selection.family=Mona+Sans:ital,wght@0,200..900;1,200..900"),n(),e(85,"p",44),o(86,"The quick brown fox jumped over the lazy dog. 0123456789"),n()()(),e(87,"div",45)(88,"p",9),o(89,"Icons"),e(90,"a",46),g("click",function(d){return t.copyAnchorLink(d,"icons")}),n()(),e(91,"div")(92,"a",47),o(93,"https://iconsax.io/"),n()(),e(94,"div",48),x(95,J,1,3,"img",49),n()(),p(96,"hr",50),e(97,"p",51),o(98),n()()()),c&2&&(s(9),L(t.isShowOnNextgenOnly?9:-1),s(4),m("copied",t.copiedSection==="logo"),s(15),m("copied",t.copiedSection==="wordmark"),s(13),m("copied",t.copiedSection==="app-icon"),s(15),m("copied",t.copiedSection==="get-tickets"),s(11),m("copied",t.copiedSection==="primary-colors"),s(2),b("ngForOf",t.primaryColors),s(4),m("copied",t.copiedSection==="secondary-colors"),s(2),b("ngForOf",t.secondaryColors),s(4),m("copied",t.copiedSection==="typography"),s(11),m("copied",t.copiedSection==="icons"),s(5),b("ngForOf",t.icons),s(3),B("Copyright \xA9 ",t.currentYear," GETIN INC"))},dependencies:[G],styles:['@charset "UTF-8";.branding-page-header[_ngcontent-%COMP%]{position:relative;min-height:94vh;width:100%;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center}.branding-page-header[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{margin-top:130px;color:#fff}@media(max-width:576px){.branding-page-header[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{max-width:300px}}.branding-page-scroll-arrow[_ngcontent-%COMP%]{position:absolute;bottom:48px;left:50%;transform:translate(-50%);background:none;border:none;cursor:pointer;padding:0;animation:_ngcontent-%COMP%_scroll-bounce 2s ease-in-out infinite;opacity:.8}.branding-page-scroll-arrow[_ngcontent-%COMP%]:hover{opacity:1}@keyframes _ngcontent-%COMP%_scroll-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.branding-page-content[_ngcontent-%COMP%]{background-color:#fff}.branding-page-content[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{font-family:Mona Sans,Open Sans Hebrew,sans-serif}.branding-page-content-inner[_ngcontent-%COMP%]{max-width:1280px;margin:0 auto;padding:72px 15px 60px}.branding-page-section-item[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:24px}.branding-page-section-title[_ngcontent-%COMP%]{color:#000;font-size:48px;font-style:normal;font-weight:400;line-height:56px}.branding-page-section-title[_ngcontent-%COMP%]   .branding-page-anchor[_ngcontent-%COMP%]{opacity:0;margin-left:12px;color:#999;text-decoration:none;font-size:40px;transition:opacity .2s ease,color .2s ease;vertical-align:middle}.branding-page-section-title[_ngcontent-%COMP%]   .branding-page-anchor[_ngcontent-%COMP%]:after{content:"#"}.branding-page-section-title[_ngcontent-%COMP%]   .branding-page-anchor.copied[_ngcontent-%COMP%]{opacity:1;color:#22c55e}.branding-page-section-title[_ngcontent-%COMP%]   .branding-page-anchor.copied[_ngcontent-%COMP%]:after{content:"\\2713"}.branding-page-section-title[_ngcontent-%COMP%]:hover   .branding-page-anchor[_ngcontent-%COMP%]{opacity:1}.branding-page-section-description[_ngcontent-%COMP%]{color:#6b6d75;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.branding-page-download-btn[_ngcontent-%COMP%]{display:flex;width:271px;min-width:250px;padding:16px 24px;justify-content:center;align-items:center;gap:8px;border-radius:50px;border:1px solid #000;margin-bottom:80px;font-size:14px;line-height:1}.branding-page-download-btn[_ngcontent-%COMP%]:hover{text-decoration:none;color:#000}.branding-page-copyright[_ngcontent-%COMP%]{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:20px;text-align:center;margin-top:20px}.branding-page-section-logo[_ngcontent-%COMP%]{display:flex;justify-content:center;gap:120px;margin:70px auto;flex-wrap:wrap}.branding-page-section-logo[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:50px}.branding-page-section-logo[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{color:#b5b6ba;font-size:16px;font-style:normal;font-weight:400;line-height:24px;text-align:center}@media(max-width:576px){.branding-page-section-logo[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{max-width:300px}}.branding-page-section-wordmark[_ngcontent-%COMP%]{display:flex;justify-content:center;gap:62px;margin:70px auto;flex-wrap:wrap}.branding-page-section-app-icons[_ngcontent-%COMP%]{display:flex;justify-content:center;gap:25px;margin:70px auto;flex-wrap:wrap;align-items:flex-end}.branding-page-section-colors[_ngcontent-%COMP%]{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin:54px auto 90px}.branding-page-section-colors[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:flex;justify-content:flex-end;flex-direction:column;

1cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.branding-page-section-colors[_ngcontent-%COMP%]   div.bordered[_ngcontent-%COMP%]{border:1px solid #e0e0e0}.branding-page-section-colors[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000002e inset}.branding-page-section-colors[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:last-child{font-size:12px;opacity:.85}.branding-page-section-colors.primary-colors[_ngcontent-%COMP%]{gap:80px}.branding-page-section-colors.primary-colors[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{width:320px;height:130px;border-radius:8px;box-shadow:0 4px 4px #00000040 inset;padding:18px 24px}.branding-page-section-colors.secondary-colors[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{width:210px;height:150px;border-radius:8px;box-shadow:0 4px 4px #00000040 inset;padding:12px 18px}.branding-page-divider[_ngcontent-%COMP%]{border:none;border-top:1px solid #000;margin:60px 0}.branding-page-icons-grid[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;gap:50px;max-width:780px;margin:40px auto 80px}@media(max-width:576px){.branding-page-icons-grid[_ngcontent-%COMP%]{justify-content:center}}.branding-page-icons-grid[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:32px;height:32px}.branding-page-section-typography[_ngcontent-%COMP%]{margin:20px auto 90px}.branding-page-section-typography[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{color:#000}.branding-page-section-typography-example[_ngcontent-%COMP%]{font-size:48px}@media(min-width:576px){.branding-page-section-typography-example[_ngcontent-%COMP%]{font-size:64px}}.branding-page-link[_ngcontent-%COMP%]{color:#ff281b;font-size:14px;font-style:normal;font-weight:400;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-underline-offset:auto;text-underline-position:from-font}']});let r=i;return r})();var K=[{path:"",component:W,pathMatch:"full"}],H=(()=>{let i=class i{};i.\u0275fac=function(c){return new(c||i)},i.\u0275mod=w({type:i}),i.\u0275inj=y({imports:[S.forChild(K),S]});let r=i;return r})();var be=(()=>{let i=class i{};i.\u0275fac=function(c){return new(c||i)},i.\u0275mod=w({type:i}),i.\u0275inj=y({imports:[j,H]});let r=i;return r})();export{be as BrandingGuidlinesPageModule};
2/**i18n:6cb1276831c07eb95f186b44d75efafdce34a8f915eba28f61c2c856b24e95cb*/