CONQUERITA BOT · Design System v1.0

🎨 1. Color Palette Click to Copy HEX

Primary

#5865F2

Primary Hover

#6875F5

Success

#20D6A3

Warning

#F5B94C

Danger

#F0526B

Info

#4DA3FF

Background

#080B12

Card

#101520

Input

#0D131F

Border

#1C2940

🔤 2. Typography Font: Inter

H1 Page Title 24px / 600

H2 Section Title 18px / 600

H3 Card Title 15px / 600

Body Body Text (Description & explanations) 14px / 400

Small Small Text 12px / 400

Label Label Text 12px / 500

Button Button Text 13px / 600

🔘 3. Buttons 4 Variants

Primary

Secondary

Danger

Ghost & Sizes (S, M, L)

⚡ 4. Toggle / Switches & Badges Interactive

Enabled Disabled

Status Badges

● Enabled ● Disabled ● Warning ● Info

Checkboxes (18×18px)

Moderation AutoMod Welcome Giveaways

Radio Buttons

Embed Message DM

📝 5. Inputs & Textarea 42px Height

Normal Input

With Icon & Focused

Password Field

Welcome Message Textarea

Variables: {user} {server} {channel} 51 / 500

🎯 6. Discord Selectors (Channel, Role, Member) Discord Native

Channel Selector

welcome

Role Selector

Moderator

Member Selector

🛡 7. System Cards Clean SaaS Standard

Moderation

Enabled

Protect your server with powerful moderation tools.

Tickets

Enabled

Create and manage support tickets for your members.

Welcome

Disabled

Welcome new members with custom messages and roles.

Giveaways

Enabled

Run giveaways and reward your server community.

📑 8. System Layout & Tabs Navigation

Enable Moderation

Activate automatic server defense

Automod Rules

Spam Protection

Mention Protection

Link Protection

🎚 9. Sliders & Stepper Live UX

Messages per minute 7 / 10

1 10

Warning Limit

Max strikes before auto-kick

Anti-Spam Action

Timeout User (5 min)

⚠️ 10. Alerts (4 Types) Dismissable

This is an info announcement message.

Settings saved successfully! Changes are live.

Changes haven't been saved yet!

Something went wrong! Please try again.

💬 11. Dialog & Toasts Feedback

📊 12. Table Example Audit Log

#	User	Action	Status
1	@abdulraman	Muted	Success
2	@sarah	Warned	Warning
3	@khaled	Banned	Danger
4	@omar	Kick	Info

Showing 1-4 of 52

⏳ 13. States (Skeleton, Empty, Error) UX States

Skeleton Loading

No Custom Commands

Create your first command to get started.