1 line
8.6 KiB
HTML
1 line
8.6 KiB
HTML
<!DOCTYPE html><html lang=en><head><meta charset=UTF-8><meta content="width=device-width" name=viewport><link href=/favicon.svg rel=icon type=image/svg+xml><title>Design Resources / Hacking in Parallel 2022 //// Berlin</title><link href=/assets/index.4483bd93.css rel=stylesheet /><link href=/assets/index.ce3bfed3.css rel=stylesheet /></head><body><header class=site-header><a href=/ class=""><img src=/design-resources/logo/slashes.svg class=logo> </a><input id=nav-toggle type=checkbox><nav><label class=mobile-only for=nav-toggle>Close</label><ul class=nav-links><li><a href=/ >Home</a></li><li><a href=https://pretix.hip-berlin.de/hip2022/hip2022/ >Buy tickets</a></li><li><a href=/merch/ >Merch</a></li><li><a href=https://pretalx.c3voc.de/hip-berlin-2022/cfp>CfP</a></li><li><a href=/resources/ >Resources</a></li></ul><ul class="mobile-only socials"><li class=mastodon><a href=https://chaos.social/@HIP22 rel="noopener noreferrer" target=_blank title="HiP 2022 Berlin on Mastodon"><img src=/icons/mastodon.svg alt=""></a></li><li class=matrix><a href=https://matrix.to/#/%23xc3-space%3A1312.media rel="noopener noreferrer" target=_blank title="HiP 2022 Berlin on Matrix"><img src=/icons/matrix.svg alt=""></a></li><li class=matrix><a href=https://github.com/Hacking-in-Parallel-Berlin-22/ rel="noopener noreferrer" target=_blank title="HiP 2022 Berlin on GitHub"><img src=/icons/github.svg alt=""></a></li></ul></nav><label class="gradient-border mobile-only" for=nav-toggle>Menu</label><ul class="socials desktop-only"><li class=mastodon><a href=https://chaos.social/@HIP22 rel="noopener noreferrer" target=_blank title="HiP 2022 Berlin on Mastodon"><img src=/icons/mastodon.svg alt=""></a></li><li class=matrix><a href=https://matrix.to/#/%23xc3-space%3A1312.media rel="noopener noreferrer" target=_blank title="HiP 2022 Berlin on Matrix"><img src=/icons/matrix.svg alt=""></a></li><li class=matrix><a href=https://github.com/Hacking-in-Parallel-Berlin-22/ rel="noopener noreferrer" target=_blank title="HiP 2022 Berlin on GitHub"><img src=/icons/github.svg alt=""></a></li></ul></header><main class=astro-AP6KFO42><article class=astro-AP6KFO42><h1 class=astro-AP6KFO42>Resources</h1><p class=astro-AP6KFO42>Thank you for taking a look at this page!</p><h2 class=astro-AP6KFO42>Wiki</h2><p class=astro-AP6KFO42>A lot of information about H/i/P 22 can be found in <a href=https://wiki.hip-berlin.de/index.php class=astro-AP6KFO42>our dedicated wiki</a>. If you want to get involved this is a great place to start!</p><h2 class=astro-AP6KFO42>Design</h2><p class=astro-AP6KFO42>Should you need any additional design resources feel free to join the HiP-Design channel of our <a href=https://matrix.to/#/%23xc3-space%3A1312.media class=astro-AP6KFO42>Matrix space</a>.</p><section class=astro-AP6KFO42><h2 class=astro-AP6KFO42>Logos</h2><div class="astro-AP6KFO42 grid-2col"><div class=astro-AP6KFO42><h3 class=astro-AP6KFO42>Default</h3><div class="astro-AP6KFO42 thumbnail"><img src=/design-resources/logo/colored.svg alt="Default Logo of HiP 2022 Berlin" class=astro-AP6KFO42></div><div class="astro-AP6KFO42 buttons"><a href=/design-resources/logo/colored.svg class="astro-AP6KFO42 fill gradient-border" download>Download SVG</a> <a href=/design-resources/logo/colored.png class="astro-AP6KFO42 fill gradient-border" download>Download PNG</a> <a href=/design-resources/logo/colored.jpg class="astro-AP6KFO42 fill gradient-border" download>Download JPG</a></div></div><div class=astro-AP6KFO42><h3 class=astro-AP6KFO42>Single Color</h3><div class="astro-AP6KFO42 thumbnail"><img src=/design-resources/logo/monocolor.svg alt="Single colored Logo of HiP 2022 Berlin" class=astro-AP6KFO42></div><div class="astro-AP6KFO42 buttons"><a href=/design-resources/logo/monocolor.svg class="astro-AP6KFO42 fill gradient-border" download>Download SVG</a> <a href=/design-resources/logo/monocolor.png class="astro-AP6KFO42 fill gradient-border" download>Download PNG</a> <a href=/design-resources/logo/monocolor.jpg class="astro-AP6KFO42 fill gradient-border" download>Download JPG</a></div></div><div class=astro-AP6KFO42><h3 class=astro-AP6KFO42>One Line</h3><div class="astro-AP6KFO42 thumbnail"><img src=/design-resources/logo/oneliner.svg alt="Single line Logo of HiP 2022 Berlin" class=astro-AP6KFO42></div><div class="astro-AP6KFO42 buttons"><a href=/design-resources/logo/oneliner.svg class="astro-AP6KFO42 fill gradient-border" download>Download SVG</a> <a href=/design-resources/logo/oneliner.png class="astro-AP6KFO42 fill gradient-border" download>Download PNG</a> <a href=/design-resources/logo/oneliner.jpg class="astro-AP6KFO42 fill gradient-border" download>Download JPG</a></div></div><div class=astro-AP6KFO42><h3 class=astro-AP6KFO42>Slashes only</h3><div class="astro-AP6KFO42 thumbnail"><img src=/design-resources/logo/slashes.svg alt="Slashes only Logo of HiP 2022 Berlin" class=astro-AP6KFO42></div><div class="astro-AP6KFO42 buttons"><a href=/design-resources/logo/slashes.svg class="astro-AP6KFO42 fill gradient-border" download>Download SVG</a> <a href=/design-resources/logo/slashes.png class="astro-AP6KFO42 fill gradient-border" download>Download PNG</a> <a href=/design-resources/logo/slashes.jpg class="astro-AP6KFO42 fill gradient-border" download>Download JPG</a></div></div></div></section><section class=astro-AP6KFO42><h2 class=astro-AP6KFO42>Color Palette</h2><div class="astro-AP6KFO42 grid-3col"><div class="astro-AP6KFO42 color-block"><div class="astro-AP6KFO42 sample" style=background:#fff></div><h3 class=astro-AP6KFO42>WHT</h3><span class=astro-AP6KFO42>for: Headlines</span><br class=astro-AP6KFO42><div class="astro-AP6KFO42 values">HEX: #FFFFFF<br class=astro-AP6KFO42>RGB (255,255,255)<br class=astro-AP6KFO42></div></div><div class="astro-AP6KFO42 color-block"><div class="astro-AP6KFO42 sample" style=background:#7a7879></div><h3 class=astro-AP6KFO42>GRY</h3><span class=astro-AP6KFO42>for: Body text</span><br class=astro-AP6KFO42><div class="astro-AP6KFO42 values">HEX: #FFFFFF<br class=astro-AP6KFO42>RGB (122,120,121)<br class=astro-AP6KFO42></div></div><div class="astro-AP6KFO42 color-block"><div class="astro-AP6KFO42 sample" style="background:#000;border:1px solid var(--text-color)"></div><h3 class=astro-AP6KFO42>BLK</h3><span class=astro-AP6KFO42>for: Backgrounds, Text bright bg</span><br class=astro-AP6KFO42><div class="astro-AP6KFO42 values">HEX: #000000<br class=astro-AP6KFO42>RGB (0,0,0)<br class=astro-AP6KFO42></div></div><div class="astro-AP6KFO42 color-block"><div class="astro-AP6KFO42 sample" style=background:#fed61e></div><h3 class=astro-AP6KFO42>YLW</h3><div class="astro-AP6KFO42 values">HEX: #FED61E<br class=astro-AP6KFO42>RGB (254,214,30)<br class=astro-AP6KFO42></div></div><div class="astro-AP6KFO42 color-block"><div class="astro-AP6KFO42 sample" style=background:#44b4e9></div><h3 class=astro-AP6KFO42>LBL</h3><div class="astro-AP6KFO42 values">HEX: #44B4E9<br class=astro-AP6KFO42>RGB (68,180,233)<br class=astro-AP6KFO42></div></div><div class="astro-AP6KFO42 color-block"><div class="astro-AP6KFO42 sample" style=background:#008317></div><h3 class=astro-AP6KFO42>GRN</h3><div class="astro-AP6KFO42 values">HEX: #008317<br class=astro-AP6KFO42>RGB (0,131,23)<br class=astro-AP6KFO42></div></div><div class="astro-AP6KFO42 color-block"><div class="astro-AP6KFO42 sample" style=background:#002e5c></div><h3 class=astro-AP6KFO42>DBL</h3><div class="astro-AP6KFO42 values">HEX: #002E5C<br class=astro-AP6KFO42>RGB (0,46,92)<br class=astro-AP6KFO42></div></div><div class="astro-AP6KFO42 color-block"><div class="astro-AP6KFO42 sample" style=background:#003a3e></div><h3 class=astro-AP6KFO42>DTR</h3><div class="astro-AP6KFO42 values">HEX: #003A3E<br class=astro-AP6KFO42>RGB (0,58,26)<br class=astro-AP6KFO42></div></div><div class="astro-AP6KFO42 color-block"><div class="astro-AP6KFO42 sample" style=background:#6c2400></div><h3 class=astro-AP6KFO42>BRN</h3><div class="astro-AP6KFO42 values">HEX: #6C2400<br class=astro-AP6KFO42>RGB (108,36,0)<br class=astro-AP6KFO42></div></div><div class="astro-AP6KFO42 color-block"><div class="astro-AP6KFO42 sample" style=background:#f90></div><h3 class=astro-AP6KFO42>ONG</h3><div class="astro-AP6KFO42 values">HEX: #FF9900<br class=astro-AP6KFO42>RGB (255,153,0)<br class=astro-AP6KFO42></div></div><div class="astro-AP6KFO42 color-block"><div class="astro-AP6KFO42 sample" style=background:var(--gradient)></div><h3 class=astro-AP6KFO42>Gradient</h3><div class="astro-AP6KFO42 values">linear-gradient( 95.7deg, #44b4e9 -2.12%, #008317 41.14%, #fed61e 64.72%, #ff9900 77.58%, #6c2400 96.25% );</div></div></div></section></article></main><footer><a href=/imprint/ >Imprint</a> //// <a href=/privacy/ >Privacy</a></footer></body></html> |