styleguide.md

layout	page
sitemap	false
title	Style Guide
subtitle	Look sharp and stay consistent
description	Look sharp and stay consistent
css	page-styleguide
narrow	true

Colors

{% for color in site.data.colors %}

${{ color.name }} #{{ color.hex }}

{% endfor %}

Typography

The blockchain database network for the decentralized stack

HackCancer is a planetary-scale blockchain database built on BigchainDB. It’s a ready-to-use public network with a focus on strong governance. It shares all the features of BigchainDB to make developers’ lives easier.

Maecenas sed diam eget risus

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

• Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
• Est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
• Maecenas sed diam eget risus varius blandit sit amet non magna.

1. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
2. Est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
3. Maecenas sed diam eget risus varius blandit sit amet non magna.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Logo

Logo can be used with a base class and modifier classes for size & color:

<title>Logo HackCancer</title> logo--lg: large version

<title>Logo HackCancer</title> logo: default logo

<title>Logo HackCancer</title> logo--sm: small version

<title>Logo HackCancer</title> logo--dark: dark version

<title>Logo HackCancer</title> logo--white: white version

Components

Buttons

Button Button Button

Button Button Button

Button Button Button

Button Button Button

Forms

All form__control elements require an empty placeholder to make browser validation look properly.

Your Name You know your name, I suppose.

Your Email

Your Phone

Industry   Automotive Banking Consulting Data Automotive Banking Consulting Data Automotive Banking Consulting Data

Autogrowing textarea <textarea class="form__control" id="comment" name="comment" rows="1" placeholder=" "></textarea>

Fields marked with an * are required.

Combined form control & button input group.

Your Email

Alerts

Great to hear from you! We’ll get in touch soon.

Great to hear from you! We’ll get in touch soon.

Oops, there was an error Would you mind trying again?

Section header

A planetary-scale blockchain database

HackCancer relies on caretakers to run the BigchainDB nodes that store and validate transactions. The HackCancer Caretakers are the members of the HackCancer Foundation.