Brands813
↑ ↓ to browse
View full design.md ↗
Idyllic· Designidyllic.co.nz
Design

Idyllic

Irreverent New Plymouth creative studio — warm off-white cream canvas with heavy black ink, an electric-blue primary and a hot-red secondary accent, oversized condensed display type, scrolling marquee patterns, and playful dual-state hover imagery (skulls, dice, records).

Color Palette17 tokens
background#f4efe6
surface#ffffff
surface-soft#faf7f0
ink#141414
ink-pure#000000
primary#1f3df0
primary-hover#1730c4
secondary#e8362a
secondary-hover#c42a20
on-primary#ffffff
on-secondary#ffffff
on-ink#f4efe6
ink-secondary#3a3a3a
ink-muted#6b6b6b
border#1f1f1f
border-soft#d8d2c5
surface-tint#ebe5d8
Buttons
TypographyGoogle Font
Anton
display-hero

The quick brown fox

96px · 400 · -1px
display

The quick brown fox

64px · 400 · -0.5px
section-heading

The quick brown fox

40px · 400 · 0px
marquee

The quick brown fox

32px · 400 · 0px
card-title

The quick brown fox

24px · 700 · -0.3px
IconsLucide
Set: Lucide · brand-matched
Formfocus ring
Email
you@company.com
Password
••••••••
Card · Shapes

Idyllic

Irreverent New Plymouth creative studio — warm off-white cream canvas with heavy black ink, an electric-blue primary and…

Design
none
sm
md
lg
Elevation
RING
CARD
ELEVATED
Controls
On
Off
✓Checked
Unchecked
Selected
Option
Alerts
Heads up — a new version of the design system is available.
Saved. Your changes are live across all surfaces.
Some tokens are missing a contrast-safe pairing.
Couldn’t reach the server. Retry in a moment.
Badges
SolidSoftOutlineNewv2.0
FAQ
Idyllic
Irreverent New Plymouth creative studio — warm off-white cream canvas with heavy black ink, an electric-blue primary and a hot-red secondary accent, oversized condensed d…
How does it integrate with my stack?
Is there a free tier?
Tabs
OverviewActivitySettings
DayWeekMonth
Stats
48.2k
Active users
+12.4%
$12.8k
MRR
+3.1%
99.9%
Uptime
−0.02%
Table
MemberPlanStatus
AQAvery QuinnPro Active
JLJordan LeeTeam Pending
SRSam RiveraFree Active
Avatars
AQJLSR+5
AQ
Avery Quinn
Online · Owner
Slider · Progress
Volume62%
Storage used78%
Tooltip · Popover
Brand-styled tooltipHover target

Keyboard shortcuts

Press ⌘K to open the command menu, ? for help.

Navigation bar
Banner
NewIdyllic just shipped a refreshed design system.Read more →
Pricing
Pro
$24 /mo
  • Unlimited projects
  • Priority support
  • Custom domains
Stepper
CartDetails3Payment4Review
Breadcrumb
HomeDesignIdyllic
Menu
Profile
Settings
Billing
Sign out
Toast
Changes savedUndo
You have 3 new updates
Activity
Avery created a new project
2h ago
Jordan left a comment
5h ago
Sam shipped v2.0
1d ago
Notifications
AQAvery Quinn invited you to Idyllic.
2 minutes ago
JLJordan Lee approved your design tokens.
1 hour ago
SRSam Rivera mentioned you in a thread.
Yesterday
Code
theme.ts
// Idyllic tokens
export const theme = {
  primary: "#1f3df0",
  radius: "8px",
}
Calendar
March 2026
SMTWTFS28291234567891011121314151617181920212223242526272829303112
No resultsTry adjusting your filters or search for something else.
Loading
Pagination
‹123…12›
Brand moment

Idyllic is a New Plymouth creative studio whose website wears its irreverence on its sleeve. The design rejects sterile tech minimalism in favor of something warmer and louder: a c…

Idyllic · Design

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗
No Good Studio90%

shared styles: Bold, Playful, Editorial · same category: Design

Poch Studio81%

shared styles: Playful, Editorial, Warm · same category: Design

Ragged Edge76%

shared styles: Bold, Playful, Editorial · same category: Design

MetaLab76%

shared styles: Bold, Editorial, Warm · same category: Design

Cyd Stumpel75%

shared styles: Bold, Editorial, Warm · same category: Design

Juan Mora72%

shared styles: Bold, Playful · same category: Design