There's an ocean where 8 colors live. All different. None better than the rest.
Just swipe -- left for "not me today," right for "that's so me." In about 10 seconds, the ocean reads your vibe and tells you which color you are right now.
Different mood, different color. That's not a bug -- that's the point. You're not one thing. You never were.
Dive in -- 10 seconds, that's it. | See how it works
 Explorer Curious. Restless. Always chasing the next thing. |
 Planner Strategic. Reliable. Has a spreadsheet for everything. |
 Socialite Energetic. Warm. The life of every room. |
 Harmonizer Caring. Steady. The one everyone counts on. |
 Empath Sensitive. Deep. Feels everything -- and that's a superpower. |
 Adventurer Bold. Free. Jumps first, thinks later. |
 Craftsman Focused. Skilled. Obsessed with getting it right. |
 Balancer Adaptable. Calm. Finds the sweet spot in everything. |
Which one are you today? There's only one way to find out.
Here's what a result looks like:
Personality tests always felt like exams to me. 50 questions, clinical labels, "you scored low on agreeableness." It felt like being graded, not understood.
I wanted something different. Something that says "hey, here's who you are today -- and that's great." No ranking. No good or bad scores. Just a color that's yours right now.
Every type has its strengths. Every color is a good one.
Swipe Ocean is built on the Big Five (OCEAN) model -- the most widely validated personality framework in psychology. Five traits, decades of peer-reviewed research, used across cultures worldwide.
| Trait | What it means |
|---|---|
| Openness | Curiosity, imagination, openness to new experiences |
| Conscientiousness | Organization, discipline, goal-oriented behavior |
| Extraversion | Energy from social interaction, assertiveness |
| Agreeableness | Cooperation, empathy, trust in others |
| Neuroticism (Sensitivity) | Emotional responsiveness, depth of feeling |
Unlike pop-psychology quizzes (looking at you, "Which bread are you?"), the Big Five has real scientific backing. Swipe Ocean uses this as the foundation, then wraps it in a visual, swipe-based interface that actually feels fun.
Your swipe choices map to these 5 traits. The combination determines which of the 8 types fits you best right now -- not forever, just today.
Scoring logic is fully transparent and open source: src/data/personalityTypes.ts
 ← Swipe Left "Not me today" |
 Swipe Right → "That's me!" |
- Swipe -- flip through a deck of images
- Score -- your choices map to 5 Big Five traits (all client-side)
- Match -- trait combination → one of 8 types
Plus: radar chart of your 5 traits, OGP cards for social sharing, full bilingual support (EN/JA).
Next.js 16 (App Router) + React 19 + TypeScript (strict) + Tailwind CSS 3, deployed on Cloudflare Workers via @opennextjs/cloudflare.
Want to fix a translation, improve type descriptions, or report a bug? See CONTRIBUTING.md.
8つの色が暮らす海。どの色もちがって、どれもいい。
スワイプするだけ。海がキミの「今」を読みとって、約10秒で今日の色を教えてくれる。
気分が変われば、また違う色。それでいい。キミはひとつじゃない。
ベースは Big Five（OCEAN）-- 心理学でいちばん検証されてるやつ。でも堅くない。スワイプするだけ、遊び感覚。
- レーダーチャートで5特性のバランスを可視化
- OGP画像付きでSNSシェア
Built by @shumatsumonobu