Tailwind CSS 主页

展示

candycode

Screenshot of the candycode homepage hero. A large headline in the middle of the screen says, "We help alternative brands discover their voice and lean into the future." The background is a starry night sky with a mountain range showing at the bottom of the hero. The header has the candycode logo, a site menu, and a button with a wand next to the word "Start" on it.
技术
Tailwind CSS、Gatsby、React
日期
网址
candycode.com
访问网站

candycode

专门为另类品牌打造富有想象力的网站的代理机构。

Candycode 是一家另类代理机构，专门与另类人士和公司合作，打造前卫品牌和尖端网站。创始人之一 Sophia Andren 还运营着 Tailwind Discord 社区。candycode 网站是一个 Gatsby 网站，并使用 Tailwind CSS。

Screenshot of the menu overlay when clicking the ”Start” button. To the left is a list of the different site sections; to the right is some text about candycode and a button with the text ”Say hello!” on it. There are also some icons linking to social networks and an email opt-in form.
candycode 网站上的全屏菜单覆盖。
Screenshot of the homepage hero, as described above, but this image shows how text appears from behind the mountain range as you scroll the page.
candycode 网站的一部分，当您滚动页面时，文本会从山脉后面出现。
Screenshot of a carousel where each page describes a candycode project. The carousel has a thick border with a colorful gradient from red to blue. To the left are the project's name, description, and a button saying ”Explore project”. To the right is a photo of a person sitting down with a laptop in their lap.
展示 candycode 部分作品的轮播图。
Screenshot of the candycode homepage hero on a 375 pixel wide mobile device.
Screenshot of the Work section on a 375 pixel wide mobile device. Instead of showing projects in a carousel, they are shown as a stacked list of cards.
Screenshot of the contact form modal described below on a 375 pixel wide mobile device.
在 375 像素宽的移动设备上的 candycode 网站。
Screenshot of the modal that is triggered by clicking the ”Say hello” button. To the left is a quote by Steve Forbes and a button saying ”Tell me more!”. To the right is an 80s-style cassette player/radio in blue, green, purple, red, and yellow colors. Below is a heading saying ”Let´s make your future!” followed by a contact form, where only the name field is visible in this screenshot.
点击页面末尾的“Say hello”按钮会触发一个带有联系表格的模态框。
Footer of the candycode home page with a big blue and purple headline saying ”let's get started,” some text about candycode, and a big, white button saying ”Say hello!”. At the bottom of the page are some copyright and address information and some links to social media. In the left corner, the page is folded up, like a page in a book, and behind it, on the next page, it says ”Powered by React.”
candycode 主页页脚。