it.net/af/c2249d/000000000000000077359d5c/30/l?subset_id=2&fvd=n8&v=3) format("woff2"),url(https://use.typekit.net/af/c2249d/000000000000000077359d5c/30/d?subset_id=2&fvd=n8&v=3) format("woff"),url(https://use.typekit.net/af/c2249d/000000000000000077359d5c/30/a?subset_id=2&fvd=n8&v=3) format("opentype");font-weight:800;font-style:normal;font-stretch:normal;font-display:auto;} body { padding:0; margin:0; } @media(min-width:1024px) { #site-navigation { position:fixed; top:32px; right:32px; } } @media(min-width:1024px) { #site-logo { position:fixed; top:32px; left:32px; } } #hero-container { height:80vh; display:flex; flex-direction:column; justify-content:center; align-items:center; } #hero { color:#fff; } #hero h1 { margin:0; font-size:6rem; font-family:aktiv-grotesk; font-weight:800; line-height:1.2; } #hero h2 { margin-right:auto; font-size:3rem; font-family:aktiv-grotesk; font-weight:700; line-height:1.3; } #hero p { margin-top:32px; font-size:1.5rem; font-family:aktiv-grotesk; font-weight:400; line-height:1.5; max-width:40rem; text-align:center; } #work-container { display:flex; flex-wrap:wrap; } @media(min-width:1024px) { #work-container { padding:0 16%; } } .work-item { flex:0 0 calc(100% - 32px); margin:16px; position:relative; cursor:pointer; background-color:#fff; box-shadow:0px 10px 30px rgba(0,0,0,0.1); border-radius:5px; } @media(min-width:768px) { .work-item { flex:0 0 calc(50% - 32px); } } @media(min-width:1024px) { .work-item { flex:0 0 calc(33.333% - 32px); } } .work-item img { width:100%; height:auto; display:block; border-radius:5px 5px 0 0; } .work-item .work-item-info { position:absolute; bottom:0; left:0; right:0; padding:24px; background-color:hsl(206, 16%, 94%); border-radius:0 0 5px 5px; transition:transform 0.3s ease-in-out; transform:translateY(100%); } .work-item:hover .work-item-info { transform:translateY(0); } .work-item h3 { margin:0; font-size:1.5rem; font-family:aktiv-grotesk; font-weight:700; line-height:1.2; } .work-item p { margin-top:8px; font-size:1rem; font-family:aktiv-grotesk; font-weight:400; line-height:1.5; color:hsl(206,16%,42%); } Hexorial Studio

Let's create something
amazing together.

Design + Development

We are a small team of designers and developers, who help brands with big ideas. We specialize in creating intuitive and beautiful experiences for the web and beyond.

Work Item One Thumbnail

Project Title

Short description goes here, highlighting some of the key features or insights of the project.

Work Item Two Thumbnail

Project Title

Short description goes here, highlighting some of the key features or insights of the project.

Work Item Three Thumbnail

Project Title

Short description goes here, highlighting some of the key features or insights of the project.

Work Item Four Thumbnail

Project Title

Short description goes here, highlighting some of the key features or insights of the project.

Work Item Five Thumbnail

Project Title

Short description goes here, highlighting some of the key features or insights of the project.

Work Item Six Thumbnail

Project Title

Short description goes here, highlighting some of the key features or insights of the project.

Hexorial Studio 是一个设计和开发团队,它专注于为品牌创造直观美观的Web和其他方面的体验。这个网站提供了这个团队的信息和作品集,让用户可以快速了解公司的品牌定位和哲学。该网站采用现代化的设计风格,使用响应式布局和大量精心选择的照片进行视觉效果和品牌设计。其可交互性页面,使得用户能够更深入地探索作品,捕捉项目的要点和精选视觉,同时深入了解顶级的网站和应用程序开发和设计方式。该网站的重点是创造一个美丽、受欢迎的品牌形象,同时展示了它们的创意和专业技能,以及承诺与客户合作创造卓越的视觉和数字体验。从这个网站中,用户可以清楚地看到一支专业、创新和充满活力的团队,因此该网站将极大地吸引那些对创意、设计和数字体验感兴趣的用户的注意。

电脑端截图

移动端截图