The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Globe Arcs is a 3D globe component I built for Framer. It draws animated arcs between your places.
Every globe I could find was made for dark pages, so I started from a white one: a pearl white sphere, fine dark dots, hairline arcs and one accent color. A pulse of light travels along each arc, tags use your own font, and visitors can drag the globe and throw it.
One canvas, no libraries, map tiles or API keys.
Live preview: https://guocianyu-globe-arcs.framer.website/
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Why does a dashboard full of numbers still feel calm?
Bento grids are everywhere, and done right it's not a trend, it's information design. Each cell = one number, one meaning. The grid does the hierarchy for you.
Our three rules for a bento that works:
One idea per cell. Progress, glucose, one task. If a card needs two sentences, it needs two cards.
Mix the scale. One hero cell, a few mediums, one tiny stat, same gap everywhere.
One warm cell. A single card runs warm against the cool, dark screen; it carries the eye, and the rest stay quiet. No neon needed. Grids are calm. Content is loud. That's the whole trick.
Love the three rules. How do you handle this grid when it collapses to mobile without losing the hierarchy?
Ventox — Hypercar Landing Page 🏎️🔥
Ventox is a high-performance automotive landing page concept built around speed, exclusivity, and bold visual storytelling.
The design combines a striking orange hypercar, oversized typography, and a dramatic black-and-orange palette to create an immersive digital experience.
Special attention was given to:
A cinematic hero composition that puts the hypercar in the spotlight.
Oversized typography that reinforces the brand's identity.
Sharp geometric shapes and high-contrast colors inspired by speed.
Performance specifications presented in a clean, structured layout.
A prominent CTA that directs attention to the vehicle.
Responsive mobile layouts with simplified content and intuitive navigation.
The result is a bold automotive experience that brings together premium aesthetics, performance-focused storytelling, and clear navigation.
Looking to create a distinctive website for your automotive or luxury brand? Let's build something extraordinary. ⚡
: One of my favorite recent builds ✦
Theory was designed for a creative studio that needed something bold and editorial without losing clarity or usability.
The part I loved most was figuring out how to make the site feel visually expressive while still giving the portfolio work room to breathe. Lots of strong type, intentional movement, and little custom details throughout.
Designed + developed in Squarespace 7.1 with custom CSS and JavaScript.
The oversized “recent work” type over the project imagery is a lovely touch. Gives the portfolio a real editorial feel.