ninjacheetah.github.io/graphics/general/index.html

---
title: Graphic Design
layout: default
---



<section class="py-5 text-center container">
  <div class="row py-lg-5">
    <div class="col-lg-6 col-md-8 mx-auto">
      <h1 class="fw-light" style="font-weight: normal; text-align: center;">General Graphic Design</h1>
      <p class="lead text-muted" style="font-weight: normal; text-align: center;">I don't just make iOS and macOS app icons! You can see all of the other graphic design work I've done here. Items are sorted from oldest to newest in each category.</p>
    </div>
  </div>
</section>
<div class="container pb-5">
  <nav class="navbar navbar-expand-lg sticky-top bg-body-secondary">
    <div class="container-fluid">
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarText">
        <ul class="navbar-nav me-auto mb-2 mb-lg-0">
          <li class="nav-item">
            <a class="nav-link" href="#">Back to Top</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#icons">Icons</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#logos">Logos</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#profilepictures">Profile Pictures</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <h2 class="fw-light pt-3" id="icons">Icons</h2>
  <div class="row">
    <div class="col-sm-4">
      <div class="card">
        <img src="/assets/graphics/ianservericon.svg" class="card-img-top" alt="The logo.">
        <div class="card-body">
          <h5 class="card-title">ɹǝʌɹǝS s’ɹǝuuᴉʞSuɐI ɟlɐɥ Icon</h5>
          <h6 class="card-subtitle mb-2 text-muted">Discord Server Icon</h6>
          <p class="card-text">A Discord server icon made for my friend and I's server.</p>
          <a href="/assets/graphics/ianservericon.svg" class="btn btn-primary">Open Original</a>
        </div>
      </div>
    </div>
  </div>
  <h2 class="fw-light pt-3" id="logos">Logos</h2>
  <div class="row">
    <div class="col-sm-4">
      <div class="card">
        <img src="/assets/graphics/ncxlogo-2020-08-11.png" class="card-img-top" alt="The logo.">
        <div class="card-body">
          <h5 class="card-title">2020 NCX Programming Logo</h5>
          <h6 class="card-subtitle mb-2 text-muted">Organization Branding</h6>
          <p class="card-text">The original NCX Programming logo, styled after my PFP at the time.</p>
          <a href="/assets/graphics/ncxlogo-2020-08-11.png" class="btn btn-primary">Open Original</a>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="card">
        <img src="/assets/graphics/ncxlogo-2021-06-09.png" class="card-img-top" alt="The logo.">
        <div class="card-body">
          <h5 class="card-title">2021 NCX Programming Logo (Pride)</h5>
          <h6 class="card-subtitle mb-2 text-muted">Organization Branding</h6>
          <p class="card-text">An update to the NCX Programming logo originally made for pride month, then used indefinitely.</p>
          <a href="/assets/graphics/ncxlogo-2021-06-09.png" class="btn btn-primary">Open Original</a>
        </div>
      </div>
    </div>
  </div>
  <h2 class="fw-light pt-3" id="profilepictures">Profile Pictures</h2>
  <div class="row">
    <div class="col-sm-4">
      <div class="card">
        <img src="/assets/graphics/ninjacheetah-2018-07-17.png" class="card-img-top" alt="NinjaCheetah PFP">
        <div class="card-body">
          <h5 class="card-title">2018 NinjaCheetah PFP</h5>
          <h6 class="card-subtitle mb-2 text-muted">Personal Profile Picture</h6>
          <p class="card-text">My first ever custom profile picture. Made with a free trial of Photoshop.</p>
          <a href="/assets/graphics/ninjacheetah-2018-07-17.png" class="btn btn-primary">Open Original</a>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="card">
        <img src="/assets/graphics/ninjacheetah-2019-09-29.png" class="card-img-top" alt="NinjaCheetah PFP">
        <div class="card-body">
          <h5 class="card-title">2019 NinjaCheetah PFP</h5>
          <h6 class="card-subtitle mb-2 text-muted">Personal Profile Picture</h6>
          <p class="card-text">Second ever profile picture, made with GIMP this time.</p>
          <a href="/assets/graphics/ninjacheetah-2019-09-29.png" class="btn btn-primary">Open Original</a>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="card">
        <img src="/assets/graphics/ninjacheetah-2020-09-20.png" class="card-img-top" alt="NinjaCheetah PFP">
        <div class="card-body">
          <h5 class="card-title">2020 NinjaCheetah PFP</h5>
          <h6 class="card-subtitle mb-2 text-muted">Personal Profile Picture</h6>
          <p class="card-text">First non-Minecraft profile picture. Colors are the bisexual flag. This PFP had many variations.</p>
          <a href="/assets/graphics/ninjacheetah-2020-09-20.png" class="btn btn-primary">Open Original</a>
          <button type="button" class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
            Browse Variations
          </button>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="card">
        <img src="/assets/graphics/ninjacheetah-2022-01-03.png" class="card-img-top" alt="NinjaCheetah PFP">
        <div class="card-body">
          <h5 class="card-title">2022 NinjaCheetah PFP</h5>
          <h6 class="card-subtitle mb-2 text-muted">Personal Profile Picture</h6>
          <p class="card-text">First SVG-based profile picture. Made with real triangles.</p>
          <a href="/assets/graphics/ninjacheetah-2022-01-03.png" class="btn btn-primary">Open Original</a>
        </div>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="card">
        <img src="/assets/graphics/ninjacheetah-2022-10-04.png" class="card-img-top" alt="NinjaCheetah PFP">
        <div class="card-body">
          <h5 class="card-title">2022 NinjaCheetah PFP (Bisexual Flag)</h5>
          <h6 class="card-subtitle mb-2 text-muted">Personal Profile Picture</h6>
          <p class="card-text">A long-term update to the geometric profile picture, now with more bisexuality.</p>
          <a href="/assets/graphics/ninjacheetah-2022-10-04.png" class="btn btn-primary">Open Original</a>
        </div>
      </div>
    </div>
  </div>
  <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h1 class="modal-title fs-5" id="staticBackdropLabel">2020 NinjaCheetah PFP Variations</h1>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <div id="carouselExampleCaptions" class="carousel slide text-center" data-bs-ride="false">
            <div class="carousel-indicators">
              <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
              <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
              <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
              <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3" aria-label="Slide 4"></button>
            </div>
            <div class="carousel-inner">
              <div class="carousel-item active">
                <img src="/assets/graphics/ninjacheetah-2020-09-20-halloween.png" class="d-block h-100" alt="...">
                <div class="carousel-caption d-none d-md-block">
                  <h5>Halloween Variant</h5>
                </div>
              </div>
              <div class="carousel-item">
                <img src="/assets/graphics/ninjacheetah-2020-09-20-christmas.png" class="d-block h-100" alt="...">
                <div class="carousel-caption d-none d-md-block">
                  <h5>Christmas Variant</h5>
                </div>
              </div>
              <div class="carousel-item">
                <img src="/assets/graphics/ninjacheetah-2020-09-20-pride.png" class="d-block h-100" alt="...">
                <div class="carousel-caption d-none d-md-block">
                  <h5>Pride Month Variant</h5>
                </div>
              </div>
              <div class="carousel-item">
                <img src="/assets/graphics/ninjacheetah-2020-09-20-lite.png" class="d-block h-100" alt="...">
                <div class="carousel-caption d-none d-md-block">
                  <h5 style="color: black">"NinjaCheetah Lite" Variant</h5>
                </div>
              </div>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
              <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
              <span class="carousel-control-next-icon" aria-hidden="true"></span>
              <span class="visually-hidden">Next</span>
            </button>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
  </div>
</div>