hashbrown

Brand

Logos, share cards, colours and type for writing about hashbrown. Use the wordmark as it is: don't recolour, stretch or outline it, and give it clear space at least as tall as its letters.

Logos

Share cards

Every blog post also has its own cards at /blog/<slug>/opengraph-image and /blog/<slug>/square-card.

Colours

  • Chocolate brown

    #774625

    The accent: the wordmark, links and primary buttons.

  • Sunshine yellow

    #FBBB52

    Highlights and active states.

  • Vanilla ivory

    #FAF9F0

    Surfaces behind content.

  • Ink

    #1C1917

    Body text and code panels.

  • Sky blue

    #9ECFD7

    Secondary accents and the footer stripe.

  • Sunset orange

    #E88C4D

    Secondary accents and the footer stripe.

  • Olive green

    #616F36

    Success states and secondary accents.

  • Indian red

    #B86060

    Errors and secondary accents.

Type

  • Aa Bb Cc 123

    Hanken Grotesk

    Headings and body text.

    Google Fonts

  • npm install @hashbrownai/react

    JetBrains Mono

    Code, commands and API names.

    Google Fonts