A comprehensive design system showcasing our visual language, typography, colors, and UI components. Built for consistency and creativity.
The Licid logo represents clarity, innovation, and creative empowerment. Use it consistently across all platforms.
The logo should never appear smaller than 80px in width to maintain legibility.
Maintain clear space around the logo equal to the height of the 'L' in Licid.
Use white on dark backgrounds, dark on light backgrounds. Never distort or recolor.
Our color palette balances bold energy with professional reliability. Each color carries meaning and purpose.
Innovation & Empowerment
Reliability & Professionalism
Vibrancy & Positivity
Energy & Warmth
Balance & Calm
Clean & Minimal
Primary Gradient
Amaranth → Coral
Nature Gradient
Dark Slate → Cambridge
Soft Gradient
Mint → White Smoke
The official Licid pattern adds texture and visual interest to backgrounds. Use it as a subtle overlay on colored sections.
pattern-overlay
5% opacity, cover
pattern-overlay
5% opacity, cover
pattern-overlay
5% opacity, cover
pattern-overlay classpattern-overlay-light — 3% opacitypattern-overlay — 5% opacity (default)pattern-overlay-strong — 10% opacityOur typography conveys clarity and professionalism with Plus Jakarta Sans, while Sink adds personality for emphasis and storytelling.
Used for headings, body text, and UI elements. Conveys clarity and professionalism.
ExtraLight - The quick brown fox
Light - The quick brown fox
Regular - The quick brown fox
Medium - The quick brown fox
SemiBold - The quick brown fox
Bold - The quick brown fox
ExtraBold - The quick brown fox
Used for emphasis, storytelling, and marketing materials. Adds personality and impact.
Headlines
Subheadlines
Callouts
Emphasis Text
Large Body Text
Body Text Large
Body Text Default
Small Text
Extra Small / Caption
Form elements for collecting user input. Designed for clarity and ease of use.
Cards contain content and actions about a single subject. They can include images, text, and interactive elements.
Highlight important features with a gradient background.
Cards with images create visual interest and hierarchy.
“Licid transformed the way we approach creative projects. The platform is intuitive and powerful.”
Sarah Johnson
Creative Director
98%
Based on 2,500+ reviews from verified users.
Additional UI components that make up the Licid design system.
Small
Default
Large
XL
Stacked
Content above divider
Content below divider
Subtle animations add life to the interface. Use sparingly for maximum impact.
Pulse
Bounce
Float
Fade In