Tailwind CSS home page

Showcase

Column

Screenshot of the Column home page. A header displays the Column logo, the main site navigation, and buttons to 'Log in' or 'Sign up'. The hero section contains an image of the Column dashboard, along with an example of using 'curl' with the Column API. Call-to-action buttons invite the user to 'Start building' or 'Read documentation'.
Technologies
Tailwind CSS, Gatsby, React
Date
URL
column.com
Go to website

Column

The only nationally chartered US bank built for developers.

Column is a bank built for developers. As the only nationally chartered developer infrastructure bank in the United States, Column allows developers and builders to create new financial products. The Column website is built on Gatsby and uses Tailwind CSS.

Screenshot of the 'Financial services as code' section of the Column website. A paragraph on the left side of the screen explains the pain points that Column addresses, while the right side shows an illustration of financial service complexity 'before Column'.
Feature section with some text and a figure illustrating the Column stack.
Screenshot of the 'Why Column' section of the Column website. The section explains how Column is different, with information arranged in three columns.
Three reasons why you should use Column, presented in a three-column grid.
Mobile screenshot of the Column home page. A header contains the Column logo and a 'Menu' button. The hero section contains an example of using 'curl' with the Column API. Call-to-action buttons invite the user to 'Start building' or 'Read documentation'.
Mobile screenshot of a list of products on the Column website. The list contains items such as 'Book Transfers' and 'Bank Accounts', along with stylized icons and short descriptions of each.
Mobile screenshot of the Column website's main navigation. The navigation overlay covers most of the screen and lists the sites pages in groups such as 'Products' and 'Developers'. There is a close button in the upper right corner of the navigation overlay.
The Column website and navigation experience on mobile devices.
Screenshot of the 'ACH' page of the Column website. A header displays the Column logo, the main site navigation, and buttons to 'Log in' or 'Sign up'. The 'Products' navigation item is selected and a popover underneath the item lists the products in three columns. Each sub-item has a short description and a stylized icon.
A large flyout menu showing the different products that Column offers.
Screenshot of a 'More products' section on the Column website. The section lists products in blocks arranged in three columns. Each block contains the product name, a short description, a stylized icon, and a 'Learn more' button.
Feature section with a grid view of some of Column's products.