CURATED · OPEN · FREE

Cassandratang Me

A bold, high-energy online gambling platform featuring a playful mascot and vibrant promotional offers.

ConsumerFintechPlayfulBold TypographyWarm

↓ Download design system (11 MB)Open in OpenDesign

Visit: https://www.cassandratang.me

📦 Browse pack contents →

Identity DNA

gamblingentertainmentonline casinopromotional

A vibrant digital arcade focused on high-energy gaming and promotions.

Color

#FB8124Accent

#0A0A0AInk

#141414Ink soft

#FFFFFFBG

#F1F1F1BG soft

#5B5B5BMuted

rgba(236, 236, 236, 1)Line

High-contrast warm accents on a clean white background to drive engagement and excitement.

Typography

humanist-sans

display48px · 700
heading24px · 700
body16px · 400
caption14px · 400

Use uppercase for navigation and call-to-action buttons · Keep body text highly readable with generous line height

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Standard 4px base grid ensuring consistent component spacing.

Surfaces

sm · 4px

md · 8px

lg · 10px

pill · 999px

1px solid #ECECEC

0px 0px 10px 0px rgba(255, 215, 0, 0.8) · 0px 0px 20px 0px rgba(255, 215, 0, 0.6)

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

A standard top navigation bar followed by a full-width hero banner, transitioning into a content-rich grid layout.

Motion & Interaction

200msmicro

300mssmall

600msmedium

cubic-bezier(0.4, 0, 0.2, 1)easing

Smooth opacity and transform transitions on hover states · Fade-in effects for content loading

Subtle color shifts and elevation changes via box-shadow. · Slight scale or brightness adjustment to indicate engagement.

Components

button Pill-shaped buttons with vibrant orange gradients and bold uppercase text.
card Cards featuring large, high-quality imagery with overlaid text and date badges.
chip Rounded labels for categories or dates.
input Clean, bordered input fields for forms.
hero Full-width promotional banner combining 3D character art with large, bold typography.

Voice & Don'ts

Tone Exciting, promotional, and slightly informal.
Headlines Bold, uppercase, and highly descriptive.
CTAs Direct, action-oriented, and visually prominent.

don't use cool blues or greens — screenshot shows a dominant warm orange and white palette
don't use serif fonts for body text — screenshot shows a clean humanist-sans-serif
don't use a minimalist layout — screenshot shows a busy, highly illustrative design
don't use thin, subtle borders — screenshot shows prominent, glowing box-shadows
don't use muted or desaturated colors — screenshot shows high-chroma, vibrant accents
don't use lowercase for primary navigation — screenshot shows all uppercase labels
Avoid: Subtle language
Avoid: Muted visuals
Avoid: Complex technical jargon

Inside the pack — real screenshots

Cassandratang Me — 桌面首屏（hero） — 桌面首屏（hero）

Cassandratang Me — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Captured from the live site · real computed styles

System prompt

Design a high-energy online entertainment and gambling platform centered on bold promotions. Use a vibrant orange (#FB8124) as the primary accent against a clean white (#FFFFFF) background, with dark ink (#0A0A0A) for text. Utilize a humanist-sans-serif typeface (Be Vietnam Pro) for a modern, accessible feel. Ensure all promotional buttons and headlines are uppercase and visually dominant. Key critical donts: avoid cool color palettes like blue or green; do not use serif fonts for the main UI; do not design a minimalist or overly clean layout. The design should feel energetic, rewarding, and highly promotional, utilizing 3D mascot characters and glowing accents to draw attention to offers.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

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