Active Seed DNA · Origami
Clean portfolio tool with creative simplicity
100-weight Inter at -5.53px letter-spacing as a headline that has been folded into itself until it becomes a shape. The dark background (#1A1A1A) as the gallery wall that makes everything placed on it a deliberate choice. Violet (#6265F1) as the accent color of someone who chose their identity before they chose their portfolio. 128px section padding and 96px paragraph spacing as the silence between movements in a performance.
Ultra-thin 100 heading weight with extreme -5.53px letter-spacing creates dramatic typographic statements. Dark background (#1A1A1A) with violet accent (#6265F1) creates moody creative atmosphere. Relaxed motion with custom cubic-bezier creates slow cinematic transitions. 128px section padding and 96px paragraph spacing creates dramatic vertical rhythm. Glass blur (8px) with gradient overlay adds depth layers to the dark creative canvas.
Creative portfolio builder tools with project showcase galleries. Design agency websites with case study presentations. Creative freelancer portfolio templates with work grids. Photography and visual art showcase platforms.
Your product needs readable interface text. The 100 heading weight is decorative not functional for UI labels. You need structured multi-section layouts. The 96px paragraph spacing and 80px grid gap creates massive gaps between content. Your brand requires professional corporate energy. The ultra-thin type and moody dark palette reads as art gallery not business.
Light finds its way through blue.
Dark gray (#1A1A1A) background. Not black. Not blue-black. Neutral dark gray. The surface (#242424) is barely lighter. The hover surface (#232334) introduces the faintest purple shift. That tiny color change on hover is the entire color story of the interface. A whisper of indigo that says "something happened."
The accent (#6265F1) is a rich indigo-violet. Against the dark gray, it glows with the intensity that only comes from extreme contrast. The muted text (#888888) is a medium gray that disappears when you're not looking at it and appears when you need it. The gradient creates a lateral fade from dark to transparent, used to dissolve content edges into the void.
The interface knows that.
Origami's hairline type and vast negative space create the most selfless gallery in this collection, a stage that disappears and lets your portfolio speak first.
Turn your ideas into polished interfaces without burning weeks on design decisions.
Paired with Geist.
Inter at weight 100 for headings. Hairline weight. The thinnest possible stroke. With extreme letter-spacing (-5.5296px), the letters overlap and interlock like paper folds. Headlines become abstract shapes. At 0.82 heading line height, lines compress vertically. The overall effect is architectural. Type as structure. Type as art. Type as origami.
Body text at regular weight (400) snaps back to readability. The contrast between the ethereal headings and the grounded body text is the widest weight gap in this entire batch. From 100 to 400 is a journey. The relaxed motion speed means transitions between states are slow, deliberate, gallery-like. Every reveal is an unfolding.
Everything in its absence.
Origami's enormous paragraph spacing and whisper-thin headings create a reading experience so considered that the emptiness between sections becomes part of the work.
Design tokens that give your product a point of view. Not just colors and fonts. Personality.
Origami's physical language.
8-pixel radius on containers, 4-pixel on small elements. Clean and modern. The modest rounding doesn't compete with the dramatic typography. In a system where the headings are doing this much visual work, the shapes stay quiet. The bottom-only borders create open containers that fade upward. The glass effect (8px blur at 1 opacity) adds a frosted depth to overlapping elements. The 80px grid gap is the largest in this batch, creating gallery-like spacing between items.
The emptiness scales perfectly.
Origami's dark neutral palette and indigo glow compress to mobile without losing the ceremonial pace that makes portfolio work feel worth looking at.
Origami's invisible layer.
No shadows. The depth comes from the surface color layering and the gradient fades. Elements emerge from the dark background through subtle lightness, not through elevation. The glow hover effect adds a faint indigo luminosity to interactive elements. The relaxed motion speed (the slowest in this batch) makes every transition feel ceremonial. Like turning a page. Like unfolding paper. The 128px section padding and 96px paragraph spacing create enormous breathing room. The interface is mostly negative space. That's the luxury.
111 design decisions that all agree with each other. Made for you to use in an instant.
SAAS LANDING PAGE · 1440
Shipwreck turns your git push into a production deploy in 11 seconds. Zero config, infinite scale, and an interface that doesn’t look like a spreadsheet.
Trusted by teams at
Link your GitHub, GitLab, or Bitbucket in two clicks. We scan your tech stack instantly.
Our high-speed runners build your app in isolated containers. No cold starts, just speed.
Your app is pushed to 300+ edge locations globally. Sub-10ms latency for every user.
A dashboard built for developers who hate dashboards. No fluff, just the metrics that matter for your application health.
Shipwreck is the first platform that actually stays out of my way. It feels like I’m writing code directly to the browser.
The speed is actually offensive. I push a commit and before I can switch tabs, the preview link is already in Slack.
We migrated 400 microservices in a weekend. Our dev team might actually like me now. Highly recommended.
Start for free, grow until you’re a unicorn.
Absolutely not. We run our own bare-metal orchestration layer built specifically for high-frequency deployments. While we leverage cloud partners for edge nodes, the core engine is pure Shipwreck engineering.
11-second deploys. Automatic rollbacks. Zero YAML. Start free, no credit card.
SAAS LANDING PAGE · 768
Shipwreck turns your git push into a production deploy in 11 seconds. Zero config, infinite scale, and an interface that doesn’t look like a spreadsheet.
Trusted by teams at
Link your GitHub, GitLab, or Bitbucket in two clicks. We scan your tech stack instantly.
Our high-speed runners build your app in isolated containers. No cold starts, just speed.
Your app is pushed to 300+ edge locations globally. Sub-10ms latency for every user.
A dashboard built for developers who hate dashboards. No fluff, just the metrics that matter for your application health.
Shipwreck is the first platform that actually stays out of my way. It feels like I’m writing code directly to the browser.
The speed is actually offensive. I push a commit and before I can switch tabs, the preview link is already in Slack.
We migrated 400 microservices in a weekend. Our dev team might actually like me now. Highly recommended.
Start for free, grow until you’re a unicorn.
Absolutely not. We run our own bare-metal orchestration layer built specifically for high-frequency deployments. While we leverage cloud partners for edge nodes, the core engine is pure Shipwreck engineering.
11-second deploys. Automatic rollbacks. Zero YAML. Start free, no credit card.
SAAS LANDING PAGE · 375
Shipwreck turns your git push into a production deploy in 11 seconds. Zero config, infinite scale, and an interface that doesn’t look like a spreadsheet.
Trusted by teams at
Link your GitHub, GitLab, or Bitbucket in two clicks. We scan your tech stack instantly.
Our high-speed runners build your app in isolated containers. No cold starts, just speed.
Your app is pushed to 300+ edge locations globally. Sub-10ms latency for every user.
A dashboard built for developers who hate dashboards. No fluff, just the metrics that matter for your application health.
Shipwreck is the first platform that actually stays out of my way. It feels like I’m writing code directly to the browser.
The speed is actually offensive. I push a commit and before I can switch tabs, the preview link is already in Slack.
We migrated 400 microservices in a weekend. Our dev team might actually like me now. Highly recommended.
Start for free, grow until you’re a unicorn.
Absolutely not. We run our own bare-metal orchestration layer built specifically for high-frequency deployments. While we leverage cloud partners for edge nodes, the core engine is pure Shipwreck engineering.
11-second deploys. Automatic rollbacks. Zero YAML. Start free, no credit card.