Skip to main content

Website's Design

cloudraft color palette

loading Mode

Font Family: Inter

White Background

#ffffff

Dark Background

#222222

Primary 200

#dbff00

Primary 300

#00e887

Primary 400

#00e0f3

Primary 500

#00bfff

Gradient

#00e0f3 to #00bfff

cta button examples (for future use)

Primary CTA (Solid)

Secondary CTA (Outline)

Tertiary CTA (Ghost)

Small CTA

CTA with Arrow

Note: All buttons use no rounded corners (square edges) for modern 2026 aesthetic. Use primary-300 (#00e877) for prominent CTAs.

design principles (2026)

  • No rounded corners - Use sharp/square edges (rounded-none) for all components
  • Bold CTAs - Use bg-primary-300 (#00e877) for primary actions with bold text
  • High contrast - Ensure WCAG AA compliance
  • Minimal borders - Use subtle borders instead of shadows
  • Responsive - Mobile-first with breakpoints at 640px, 768px, 1024px, 1280px, 1536px+