Styleguide

    Design system documentation. A reference for colors, typography, and reusable components that make up this portfolio.

    //Colors

    --background

    Deep Black

    --card

    Graphite

    --primary

    Neon Green

    --muted

    Subtle Gray

    //Typography

    /* Headings - Inter */

    Heading 1

    Heading 2

    Heading 3

    Heading 4

    /* Body - Inter */

    Body text in regular weight. Used for paragraphs and main content.

    Smaller muted text for secondary information and descriptions.

    /* Mono - JetBrains Mono */

    Monospace text for code and technical details.

    // Comments and syntax-style elements

    //Buttons
    //Cards

    Card Title

    Card content with muted text for descriptions and supporting information.

    Highlighted Card

    Card with accent border for emphasis and interactive states.

    //Labels & Tags

    Code Labels

    /*Featured*//*New*//*In Progress*/

    Tech Tags

    ReactTypeScriptNode.jsPostgreSQL