Jxnblk

blk

Style guide for Jxnblk.com

TypographyButtonsColorsComponents

Typography

Hamburger 1

Hamburger 2

Hamburger 3

Hamburger 4

Hamburger 5
Hamburger 6

Prose Object

Bacon ipsum dolor amet spare ribs tongue corned beef, frankfurter strip steak cow beef ribs pork short loin jowl flank bresaola. Ham sirloin beef picanha drumstick. Pork belly pork chuck, turkey meatball venison ham prosciutto. Pastrami pork loin venison turducken kielbasa pork salami tongue. Jowl capicola brisket, drumstick picanha pork loin cow bacon ham.

Pancetta boudin venison, filet mignon shankle pork swine doner beef t-bone. Cupim meatloaf turducken pork leberkas shankle. Pork loin sirloin bresaola picanha drumstick strip steak pancetta capicola tail chuck swine cow prosciutto landjaeger. Shankle tongue short loin sirloin ham hock. Ball tip landjaeger shank bacon. Pastrami hamburger kielbasa picanha, alcatra turducken boudin brisket tongue shoulder.

Chicken t-bone beef ribs boudin alcatra corned beef. Kevin cupim porchetta ribeye pork belly leberkas. Turkey strip steak ham porchetta ham hock shoulder leberkas sausage cupim. Hamburger spare ribs shankle shoulder biltong ham, flank turkey ground round cupim ball tip ham hock andouille landjaeger frankfurter.

Buttons

BtnLink BtnPrimary BtnPrimary BtnOutline BtnOutline Btn Blue

Colors

Components

Jxnblk

Header

Header description

<Header title='Header'
  href='#components'
  description='Header description'
  links={links} />
Jxnblk/Writing

Subpage

para

<Header title={<div><h1 className='m0'>Subpage</h1><p>para</p></div>}
  href='#components'
  breadcrumbs={[{ href: '#components', text: 'Writing' }]} />

Jxnblk/MinimalHeader

<MinimalHeader title='MinimalHeader'
  href='#components' />
<TweetButton text='Blk: a style guide for jxnblk.com' />
<GithubButton user='jxnblk' repo='blk' />
<CarbonAd />
<Footer title='Footer'
  href='#components'
  links={links} />