厳選・オープン・無料

Korkodilosathens

黄金のアクセントと大胆なタイポグラフィを融合し、没入感のあるエンターテイメント目的地を創出するプレミアム・ダークテーマのカジノプラットフォーム。

ConsumerPremiumBold TypographyDark ModeApp UI
Korkodilosathens のスクリーンショット
↓ デザインシステムをダウンロード (28 MB)OpenDesign で開く

オリジナル: https://korkodilosathens.com

📦 パックの中身を見る →

01

デザイン DNA

カジノエンターテイメントラグジュアリーデジタルプラットフォーム

専属感がありながらも手の届きやすい、ハイエンドデジタルカジノロビー

02

カラー

#D4AF37Accent
#E5E7EBInk
#0D0F14BG
#1A1D28BG soft
#131620BG quiet
#9CA3AFMuted
rgba(42, 46, 66, 1.0)Line

黄金アクセントを用いたダークラグジュアリーで、プレミアムなカジノ雰囲気を創出

03

タイポグラフィ

humanist-sans

見出しや統計データには太字ウェイト（700-800）を使用し、視覚的階層を構築 · ダーク背景での可読性を高めるため、本文には余裕のあるline-height（1.7）を設定 · インパクトのある見出しのため、display テキストにはtightなline-height（1.1-1.2）を設定

04

余白

4px
8px
16px
24px
32px
48px
64px
80px
96px

一貫した24px/32pxの垂直間隔と、余裕のある80pxセクションpadding

05

サーフェス (角丸 / 影 / 罫線)

sm · 8px
md · 12px
lg · 20px
pill · 999px

カードには1px solid rgba(42, 46, 66, 1.0)、ボタンには黄金色のボーダー

0 4px 6px -1px rgba(0, 0, 0, 0.1) · 0 2px 4px -1px rgba(0, 0, 0, 0.06)

06

レイアウト

1280container
12columns
24pxgutter
768 / 1024breakpoints

幅-fullのダークヒーローセクション（中央揃えコンテンツ）、その下に2カラムカードグリッド

07

モーションとインタラクション

220msmicro
250mssmall
350msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

hover時のカラートランジション（0.25s） · インタラクティブ要素のtransformトランジション（0.25s） · 展開可能なコンテンツのmax-heightトランジション（0.35s）

ナビゲーションアイテムのカラー変化、ボタンの微細なtransform · カラートランジションによる即座のビジュアルフィードバック

08

コンポーネント

09

文体と禁止事項

10

パック内の実スクリーンショット

Korkodilosathens — 桌面首屏（hero）
桌面首屏（hero）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Korkodilosathens — 移动首屏
移动首屏

実ページから取得 · 実 computed styles

11

System Prompt

これはラグジュアリーなダークテーマを備えたプレミアムオンラインカジノプラットフォームです。デザインは、非常に暗い背景（プライマリ#0D0F14、カード#1A1D28）を基盤とし、ボタン、ハイライト、信頼シグナルの主要アクセントカラーとして黄金色（#D4AF37）を使用した洗練されたカラーパレットを採用しています。タイポグラフィはhumanist sans-serif（Inter）で、太字ウェイト（700-800）による強い視覚的階層を構築しています。主要な特徴には、余裕のある垂直間隔（80pxセクション）、カードの12px border-radius、黄金グラデーションボタンが含まれます。重要な禁止事項：明るい色やネオン色を一切使用しない（パレットは厳密にダーク+黄金色）、見出しに細いフォントウェイトを使用しない（太字が必須）、雑然としたレイアウトを作成しない（余白はプレミアム感の基盤）。デザインは明確なCTAと信頼を築く統計データを通じて、排他性とアクセシビリティのバランスを実現しています。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗ · このパック（エージェント用） ↗

en · zh-CN · zh-TW · ja · ko