KeyTactix

Navigation Sample Code

<nav class="nav-main grid two-column grid five-column"> <a href="#about" class="nav-main-item"> About KeyTactix </a> </nav>

About KeyTactix

Paragraph Sample Code

<p>This is a paragraph</p>

Welcome to KeyTactix, where innovation meets precision in the world of mechanical keyboard switches. We are dedicated to providing you with an exceptional range of switches designed to enhance your typing and gaming experiences, setting new standards for performance and customization. At KeyTactix, we're not just selling mechanical keyboard switches; we're unlocking a world of possibilities for keyboard enthusiasts, gamers, and professionals. Our brand is synonymous with innovation, precision, and the pursuit of the perfect keystroke.

Brand Elements

Font Styling

Heading Sample Code

<h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4>

Andale Mono, 32px, #FFFFFF

This is a heading

Andale Mono, 24px, #FFFFFF

This is a subheading

Andale Mono, 16px, #FFFFFF

This is a paragraph

Color Palette

Image Sample Code

<img src="img/color-palette.png" alt="KeyTactix color Palette">

Number List Sample Code

<ol> <li>#006666</li> </ol>

#006666
#9DBCBC
#FFCC66
#FFEEBB
#6B6B6B
#B7B7B7

Product Sample Listing

C³Equalz X TKC Banana Splits

Image As Link Sample Code

<a
          href="https://shockport.ca/collections/switches-1/products/c-equalz-x-tkc-banana-splits"><img
          class="imglink" src="img/banana-splits.png" height="360" width="593"
          alt="C³Equalz X TKC Banana Splits Mechanical Keyboard
          Switches"></a>

C³Equalz X TKC Banana Splits Mechanical Keyboard Switches

Banana Split switches are a linear switch designed by C3 and TKC and manufactured by JWK.

Product Description

Dark Green stem 62g.
Housing is Nylon and polycarbonate
POM stem
Gold Spring.
Linear MX Switch.
PCB Mount.
Pre-lubed in factory - very light application
PMade by C³Equalz.

100 pcs @ $0.87/pc
80 pcs @ $0.90/pc
60 pcs @ $0.95/pc
40 pcs @ $1.05/pc
20 pcs @ $1.35/pc
10 pcs @ $1.90/pc

Number List Sample Code

<a href="#" class="button"> Default Button </a>

Contact Us!

Input Form Sample Code

<form method="post" action="#"> <label for="form-name">Name:</label><input type="text" id="form-name" placeholder="Jane Doe"> </form>

Citations

Andale Mono CSS Font Stack. CSS Font Stack: Andale Mono Web Font. (n.d.). https://www.cssfontstack.com/Andale-Mono
C16: Changing the background color or border of the element with hover and focus. C16: Changing the background color or border of the element with hover and focus | Techniques for WCAG 2.0. (n.d.). https://www.w3.org/TR/2008/WD-WCAG20-TECHS-20080430/C16.html
C3Equalz x TKC Banana Splits. Shockport Keyboards. (n.d.). https://shockport.ca/collections/switches-1/products/c-equalz-x-tkc-banana-splits
CSS hover effects , opacity , overlay. CSS image hover effects , Image hover effects , hover Opacity , hover Overlay and Hover change picture. (n.d.). https://www.corelangs.com/css/box/hover.html
Staff, B. (2023, May 10). 3 types of mechanical keyboard switches (explained). https://beebom.com/mechanical-keyboard-switch-types/
Technique C33:allowing for reflow with long urls and strings of text. C33: Allowing for Reflow with Long URLs and Strings of Text | WAI | W3C. (n.d.). https://www.w3.org/WAI/WCAG21/Techniques/css/C33